@charset "UTF-8";/* Css/PC/fonts/bundle/hind-madurai.css */
@font-face {
    font-family: "Hind-fallback";
    font-weight: normal;
    size-adjust: 96.69%;
    ascent-override: 94.873046875%;
    descent-override: 41.50390625%;
    line-gap-override: normal;
    advance-override: 1.002414;
    font-display: swap;
    src: local("Arial");
}

@font-face {
    font-style: normal;
    font-family: "Hind Madurai";
    font-weight: normal;
    src: url("../Css/PC/fonts/hind-madurai/HindMadurai-Regular.eot");
    src: url("../Css/PC/fonts/hind-madurai/HindMadurai-Regular.eot?#iefix") format("embedded-opentype"), url("../Css/PC/fonts/hind-madurai/HindMadurai-Regular.woff2") format("woff2"), url("../Css/PC/fonts/hind-madurai/HindMadurai-Regular.woff") format("woff"), url("../Css/PC/fonts/hind-madurai/HindMadurai-Regular.ttf") format("truetype");
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Hind-fallback";
    font-weight: 600;
    size-adjust: 96.69%;
    ascent-override: 94.873046875%;
    descent-override: 42.138671875%;
    line-gap-override: normal;
    advance-override: 1.002414;
    font-display: swap;
    src: local("Arial Bold");
}

@font-face {
    font-style: normal;
    font-family: "Hind Madurai";
    font-weight: 600;
    src: url("../Css/PC/fonts/hind-madurai/HindMadurai-SemiBold.eot");
    src: url("../Css/PC/fonts/hind-madurai/HindMadurai-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Css/PC/fonts/hind-madurai/HindMadurai-SemiBold.woff2") format("woff2"), url("../Css/PC/fonts/hind-madurai/HindMadurai-SemiBold.woff") format("woff"), url("../Css/PC/fonts/hind-madurai/HindMadurai-SemiBold.ttf") format("truetype");
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Css/PC/fonts/bundle/montserrat.css */
@font-face {
    font-family: "Montserrat-fallback";
    font-weight: normal;
    size-adjust: 97.9%;
    ascent-override: normal;
    descent-override: normal;
    line-gap-override: normal;
    advance-override: 0;
    font-display: swap;
    src: local("Verdana");
}

@font-face {
    font-style: normal;
    font-family: "Montserrat";
    font-weight: normal;
    src: url("../Css/PC/fonts/montserrat/Montserrat-Regular.eot");
    src: url("../Css/PC/fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../Css/PC/fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("../Css/PC/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../Css/PC/fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Montserrat-fallback";
    font-weight: 600;
    size-adjust: 97.9%;
    ascent-override: normal;
    descent-override: normal;
    line-gap-override: normal;
    advance-override: 0;
    font-display: swap;
    src: local("Verdana Bold");
}

@font-face {
    font-style: normal;
    font-family: "Montserrat";
    font-weight: 600;
    src: url("../Css/PC/fonts/montserrat/Montserrat-SemiBold.eot");
    src: url("../Css/PC/fonts/montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../Css/PC/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../Css/PC/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"), url("../Css/PC/fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Css/PC/fonts/bundle/icon-style.css */
@font-face {
    font-family: 'font-icon-cdiscount';
    src: url('../Css/PC/fonts/icon-fonts/font-icon-cdiscount.eot?cur7hb');
    src: url('../Css/PC/fonts/icon-fonts/font-icon-cdiscount.eot?cur7hb#iefix') format('embedded-opentype'), url('../Css/PC/fonts/icon-fonts/font-icon-cdiscount.ttf?cur7hb') format('truetype'), url('../Css/PC/fonts/icon-fonts/font-icon-cdiscount.woff?cur7hb') format('woff'), url('../Css/PC/fonts/icon-fonts/font-icon-cdiscount.svg?cur7hb#font-icon-cdiscount') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="cds-"], [class*=" cds-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'font-icon-cdiscount' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cds-beaute:before {
    content: "\e93f";
}

.cds-beautee:before {
    content: "\e92f";
    color: #e23a05;
}

.cds-billetterie:before {
    content: "\e930";
    color: #e23a05;
}

.cds-box:before {
    content: "\e931";
    color: #e23a05;
}

.cds-cuisine:before {
    content: "\e932";
    color: #e23a05;
}

.cds-disney:before {
    content: "\e933";
    color: #e23a05;
}

.cds-electricite:before {
    content: "\e934";
    color: #e23a05;
}

.cds-forfait:before {
    content: "\e935";
    color: #e23a05;
}

.cds-immobilier:before {
    content: "\e936";
    color: #e23a05;
}

.cds-occasion:before {
    content: "\e937";
    color: #e23a05;
}

.cds-sante:before {
    content: "\e938";
    color: #e23a05;
}

.cds-voitures:before {
    content: "\e939";
    color: #e23a05;
}

.cds-voyages:before {
    content: "\e93a";
    color: #e23a05;
}

.cds-gaming:before {
    content: "\e93b";
}

.cds-la-cave:before {
    content: "\e93c";
}

.cds-mode:before {
    content: "\e93d";
}

.cds-telephonie:before {
    content: "\e93e";
}

.cds-animalerie:before {
    content: "\e900";
}

.cds-auto-moto:before {
    content: "\e901";
}

.cds-bebe:before {
    content: "\e902";
}

.cds-brico:before {
    content: "\e903";
}

.cds-electro:before {
    content: "\e904";
}

.cds-epicerie:before {
    content: "\e905";
}

.cds-informatique:before {
    content: "\e906";
}

.cds-jardin:before {
    content: "\e907";
}

.cds-jouet:before {
    content: "\e908";
}

.cds-maison:before {
    content: "\e909";
}

.cds-reconditionne:before {
    content: "\e90a";
}

.cds-seconde-vie:before {
    content: "\e94e";
}

.cds-sport:before {
    content: "\e90b";
}

.cds-tv-son-photo:before {
    content: "\e90c";
}

.cds-account:before {
    content: "\e90d";
}

.cds-arrow:before {
    content: "\e90e";
}

.cds-burger-menu:before {
    content: "\e90f";
}

.cds-cagnotte:before {
    content: "\e910";
}

.cds-calendar:before {
    content: "\e911";
}

.cds-cart:before {
    content: "\e912";
}

.cds-check:before {
    content: "\e913";
}

.cds-chevron-down:before {
    content: "\e914";
}

.cds-chevron-left:before {
    content: "\e915";
}

.cds-chevron-right:before {
    content: "\e916";
}

.cds-chevron-up:before {
    content: "\e917";
}

.cds-clock:before {
    content: "\e918";
}

.cds-cross:before {
    content: "\e919";
}

.cds-download:before {
    content: "\e91a";
}

.cds-exclamation:before {
    content: "\e91b";
}

.cds-geoloc:before {
    content: "\e91c";
}

.cds-heart:before {
    content: "\e91d";
}

.cds-home:before {
    content: "\e91e";
}

.cds-information:before {
    content: "\e91f";
}

.cds-instagram:before {
    content: "\e920";
}

.cds-less:before {
    content: "\e921";
}

.cds-lock:before {
    content: "\e922";
}

.cds-menu:before {
    content: "\e923";
}

.cds-more:before {
    content: "\e924";
}

.cds-notification:before {
    content: "\e925";
}

.cds-package:before {
    content: "\e926";
}

.cds-phone:before {
    content: "\e927";
}

.cds-plus-squared:before {
    content: "\e928";
}

.cds-plus:before {
    content: "\e929";
}

.cds-search:before {
    content: "\e92a";
}

.cds-settings:before {
    content: "\e92b";
}

.cds-tag:before {
    content: "\e92c";
}

.cds-trash:before {
    content: "\e92d";
}

.cds-truck:before {
    content: "\e92e";
}

/* Css/PC/master/core.css */
/** 
CORE : reset CSS and basic styles for every page

1. RESET
2. CORE
3. STYLE GUIDE
4. LAYOUT
5. LINKS
6. LISTS
7. DISPLAY
8. PARTNERS
9. MEDIA QUERIES

**/


/* HTML5 ready **/
article, aside, audio, canvas, datalist, details, dialog, figure, footer, header, menu, nav, section, video { 
	display: block; 
}
abbr, eventsource, mark, meter, time, progress, output { 
	display: inline; 
}

/* 1. RESET */
body,tbody,thead,tr,th,td,div,span,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,label,button,ol,ul,li,dl,dt,dl,dd,br,p,img,a,hr,tt,figure,figcaption {
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
img {
	border: 0; 
	image-rendering: optimizeQuality;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
ul, ol, li {
	list-style : none;
}
button {
	overflow: visible;
}
td {
	empty-cells: show;
}
fieldset {
	border: 0;
}
table {
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 1em;
}
table td {
	padding: 0;
	border-spacing: 0;
	border-collapse: separate;
}
input[type="search"]{
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} 
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner{/* fix for FF */
	border:0;
	padding:0;
}
/* 2. CORE */
html {
	font-size: 75%; /* base 12px */
	height: 100%;
}
body {
	color: #323232;
	margin: 0 auto;
	min-height: 100%;
	width: 100%;
	background-color: #efefef;
}
* {
	font-family: "Hind Madurai", "Hind-fallback", Arial, sans-serif;
}

.pointer {
    cursor: pointer;
}
    
/* 3. STYLE GUIDE */
 h1,
.h1,
 h2,
.h2,
 h3,
.h3,
 h4,
.h4, 
.price,.priceColor {
	font-family: "Montserrat", "Montserrat-fallback", Verdana, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {	
	line-height: 1.5;
	font-weight: 700;
	color: #293847;
}

/*Font weight*/
h1, .h1 {
	font-weight: normal;
}

h2, .h2, h3, .h3, h4, .h4 {
	font-weight: 700;
}

/*Alternative Title*/
.alt-h1,
.alt-h2,
.alt-h3,
.alt-h4 {
	font-family: "Hind Madurai", "Hind-fallback", Arial, sans-serif;
}

/*Font Size for titles*/
h1, .h1, .alt-h1 {
	font-size: 24px;
}

h2, .h2, .alt-h2 {
	color: #323232;
	font-size: 21px;
}

h3, .h3, .alt-h3 {
	font-size: 18px;
}

h4, .h4, .alt-h4 {
	font-size: 16px;
}
/* link into title */
h1 > a, .h1 > a, h2 > a, .h2 > a, h3 > a, .h3 > a, h4 > a, .h4 > a,
.alt-h1 > a, .alt-h2 > a, .alt-h3 > a, .alt-h4 > a {
	text-decoration: none;
	color: currentColor;
}

h1 > a:hover, h1 > a:active, h1 > a:focus, .h1 > a:hover, .h1 > a:active, .h1 > a:focus, 
h2 > a:hover, h2 > a:active, h2 > a:focus, .h2 > a:hover, .h2 > a:active, .h2 > a:focus, 
h3 > a:hover, h3 > a:active, h3 > a:focus, .h3 > a:hover, .h3 > a:active, .h3 > a:focus, 
h4 > a:hover, h4 > a:active, h4 > a:focus, .h4 > a:hover, .h4 > a:active, .h4 > a:focus,
.alt-h1 > a:hover, .alt-h1 > a:active, .alt-h1 > a:focus, 
.alt-h2 > a:hover, .alt-h2 > a:active, .alt-h2 > a:focus, 
.alt-h3 > a:hover, .alt-h3 > a:active, .alt-h3 > a:focus, 
.alt-h4 > a:hover, .alt-h4 > a:active, .alt-h4 > a:focus {
	text-decoration: underline;
	color: currentColor;
}

h2 .light {
	font-weight: normal;
}
h2 .miniLight {
	font-weight: normal;
	font-size: .75em;
}
.min {
	font-size: .917em; /* equiv 11px */
}
.max {
	font-size: 1.3em; /* equiv 11px */
}
.tip {
	color: #798da8;
	font-size: .917em; /* equiv 11px */
}
.stroken {
	color: #323232;
	display: inline-block;
	text-decoration: line-through;
}
.price, .alert, .alert a, .red {
    font-weight: bold;
}

.price {
    color: #e23a05 !important;
}

.alert, .alert a, .red {
    color: #d84148 !important;
}

.error, .error a {
	color: #d84148 !important;
	font-weight: normal;
}
.redS {
	color: #d84148 !important;
}
.success {
	color: #63b200!important;
	font-weight : bold;
}
.chevronDepli {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAMAAADJPRQhAAAAwFBMVEXM0908WoDm6vD7/P3n6/H8/f39/v7k6fDo7PLq7fL6+/z+/v/j6O/z9fj5+vv09vnr7vPx9Pfw8vbt8PT29/ru8fX3+fuAlK1feJf+/v5ddpaEl6/Q1+Dk6O3R2OFddpXd4+tfd5fj6O7r7/Pf5Otedpbl6O3j5+zi5+6Clq7g5ezo6/B/k6zi5uxed5fh5u3i5+2Ak6zW3OX5+fuDlq7R1+Do7PFSbY99kauhr8JTbo+mtMWaqr3j5+2Wprv////e5N9UAAAAQHRSTlP///////////////////////////////////////////////////////////////////////////////////8AwnuxRAAAANxJREFUKM9t0teSgkAUhOFp3FVxdzGLIJhzzpsM7/9WnmnAsoD/5tD1XTLKGbdVvPbYud+Vvzp8xDusfBHPyiazPBH1npbSkkmLUmCt1uspUCzdBTjKOQL/3JSGbtAEZo0Z0BxwU2rMFPoTMINJKQadewB653BRvsIWa6wX0aCUmW2XDdvQh1Equhuwk7MDfrkpdV1/BCzrS2DU56ZU2dYFvgF3G0xKKWguBHceLooZNuygM4wGJR/V/ek+vylvaVGMtLR401yyqf6n/n7zGW+zv4o4k1Pi7Zwm8nYefz0mqgSMUmEAAAAASUVORK5CYII=') no-repeat 0 center; 
	cursor: pointer;
	display: inline-block;
	padding: .5em 0 .5em 28px;
}
.chevronDepli.active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAMAAADJPRQhAAAAwFBMVEXM0908WoDm6vD7/P38/f3n6/Hk6fD9/v75+vv6+/zj6O/o7PL+/v/w8vbq7fL3+fvu8fXx9Pfz9fjt8PT29/r09vnr7vOAlK3+/v5feJd9katddpbQ1+Dk6O3l6O3t8PP5+fvh5u3g5eyBla6BlK3u8fR+kated5bi5+5edpZgeJfj6O7R2OHW3OXo7PF+kqvl6O9fd5fj5+zi5+3R1+Dr7/Pi5uxTbo+To7nj5+2El69SbY+jscOerMCXp7z////3l7H5AAAAQHRSTlP///////////////////////////////////////////////////////////////////////////////////8AwnuxRAAAAN9JREFUKM9t0tdyglAUheGzUBNiwRYFFey9d03U+P5v5T4LyDjAf7NZ890wA8ppL1W0Zdt5PpV37uajdc+eiGt+xjNdEZVOSmlJJUX5Chv9jv6fKWZQZ455JxyUot+pAaBxChblm1kCFyHLn5Sabr0DBrUBsFtzUyq6P2AoZwjcuSllZttlwzb0YZRC0HaCyTYclJLfYibvNlsEi1JlhxZwA1oHf1Lqur7Apr4R6nNTLN0VGMsZAw9uSo41m+8nR8kkRTGS0uJOP+JN9Tf1Vr1stN7qR8TZH2P/znEv/84LIk4mqsrjpn4AAAAASUVORK5CYII='); 	
}
.noSel {
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.noWrap {
	white-space: nowrap;
}


/* 4. LAYOUT */
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img, table, td, blockquote, code, pre, textarea, input {
	max-width: 100%;
}
/* use dn for SEO */
.ddn {
	opacity: 0;
}
.since768, .since1024 {
	display: block!important;
}
.hide, .dn, .only767, .only1023, .only1280, .only1600, .no1279, .no1599, .no1919, .since1280, .since1600, .since1920 {
	display: none!important;
}
.only1279, .until1024 {
	display: block!important;
}
.clear1279 {
	clear: both!important;
}
/* 5. LINKS */
a, a:hover {
	color: #323232;
	cursor: pointer;
}
.lk, [data-nf] {
	cursor: pointer;
	text-decoration: underline;
}
/* 6. LISTS */
ul.onlineList, dl.onlineList {
	display: inline-block;
	overflow: hidden;
}
ul.onlineList li, dl.onlineList dd {
	display: block;
	float: left;
}
ul.error {
	clear: both;
	padding: 0 0 .7em;
	text-align: left;
}

/*  7. DISPLAY */
#main {
	background: none;
	clear: both;
	padding: 0 0 .75em;
}

.content {
	cursor: default;
	margin:0 auto;
	min-width:768px;
	position: relative;
	width:1004px;
}
body.twentyYearsCdsBody {
	background-color: #1b2938!important;
}
.noContent {
	height: 0;
	line-height: 0;
}
.clear {
	clear: both;
}
.clear1279, .clear1024 {
	clear: both!important;
}
br.fix,div.fix {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}
.fixA:after{
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.imgL {
	float: left;
	padding-right: .85em;
}
.imgR {
	float: right;
	padding-left: .85em;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.pubText { 
	color: #444;
	display: block;
	font-size: .9em;
	letter-spacing: 1pt;
	margin: .6em 0 .4em;
	text-align: center;
}

.carouAnimco.light .cPdtItem .price.displayToPro,
.cPdtItem .displayToPro.price,
.displayToPro,
html.isPro .hideFromPro,
.testHeaderServices .headerServices > div.displayToPro {
	display: none;
}

/** 8. PARTNERS  **/
/* reinit for partner's style */
.extCode {
	overflow: auto;
}
.extCode *, .extCode *:after, .extCode *:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	max-width: inherit;
}
.chariot {
	word-wrap: break-word;
	}

.facMkt .red {
	color: #E23A05 !important;
}
.facilityP > div > .red {
	color: #E23A05 !important;
}
.priceColor {
	color: #E23A05!important;
}

[data-theme="cdark"] {
	background-color: #293847;
}

	[data-theme="cdark"] .o-logoCDS
	{
		color: #FFF;
	}

		[data-theme="cdark"] .o-logoCDS::first-letter
		{
			color: #FFF;
		}

	[data-theme="cdark"] .o-logoAbolive
	{
		color: #FFF;
	}

.o-logoCDS {
	display: inline-block;
	white-space: nowrap;
	font-weight: bold;
	color: #293847;
}

	.o-logoCDS::first-letter {
		font-size: 1.1em;
		color: #e23a05;
	}

.o-logoAbolive {
	font-size: 1em;
	font-weight: bold;
	color: #16b4f2;
}

/* -------------------------------- 
File#: _1_table
Title: Table
Descr: Data tables used to organize and display information in rows and columns
-------------------------------- */
th {
	font-weight: normal;
}

.fpDescTb td {
	border-bottom: none;
}
.table {
	z-index: 1;
	position: relative;
}

.table--fpDescTb {
	border-collapse: separate;
	border-spacing: 0 4px;
}

.table--fpDescTb .table__header .table__cell {
	z-index: 10;
	position: relative;
	border-bottom: 1px solid #cccccc;
	background-color: #EFEFEF;
	font-weight: bold;
	color: #323232;
}

.table--fpDescTb .table__header .table__cell[scope=col] {
	border-radius: 4px 0px 0px 4px;
}

.table--fpDescTb .table__header .table__cell:nth-child(2) {
	border-radius: 0px 4px 4px 0px;
}

.table--fpDescTb .table__body .table__row .table__cell {
	background-color: #F7F7F7;
}

.table--fpDescTb .table__body .table__row .table__cell[scope=row] {
	border-radius: 4px 0px 0px 4px;
	background-color: #EFEFEF;
}

.table--fpDescTb .table__body .table__row .table__cell:nth-child(2) {
	border-radius: 0px 4px 4px 0px;
}

	.table--fpDescTb .table__cell {
		padding: 8px 8px 8px 16px;
	}

.table--fpDescTb .table__head {
	background-color: #FFF !important;
	padding: 16px 8px;
	font-size: 18px;
	line-height: 27px;
	font-weight: 600;
	text-align: left;
}
	.table--fpDescTb .table__head {
		padding: 28px 0px 12px;
	}
		.table--fpDescTb .table__label {
	display: none;
}

.table--fpDescTb .table__header--sticky .table__cell {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/** 9. MEDIA QUERIES  **/

/** hack ie8- **/
@media only screen {
	.content {
		max-width:1280px;
		width:100%;
	}
	.clear1280 {
		clear: both!important;
	}
}
/* < PB 1024px*/
@media only screen and (max-width: 1023px){	
	.no1023 {
		display: none!important;
	}
	.only1023 {
		display: block!important;
	}
	.clear1023 {
		clear: both!important;
	}
	.clear1024 {
		clear: none!important;
	}
	.since1024 {
		display: none!important;
	}
}
/* < BP 768px */
@media only screen and (max-width: 767px) {
	.no767 {
		display: none!important;
	}
	.only767 {
		display: block!important;
	}
	.clear767 {
		clear: both!important;
	}	
}
/** > BP 1280 **/
@media only screen and (min-width: 1024px){
	.until1024 {
		display: none!important;
	}
    .since1024 {
        display: block !important;
    }
}
/** > BP 1280 **/
@media only screen and (min-width: 1280px){
	.no1280, .only1279, .until1280 {
		display: none!important;
	}
	.since1280, .only1280, .no1279 {
		display: block!important;
	}
	.clear1280 {
		clear: both!important;
	}
	.clear1279 {
		clear: none!important;
	}
}

/* --------------------------------
File#: _container.scss
Title: Container
Descr: Gestion des container du site
Version : 1.3187.0
-------------------------------- */
.container {
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 16px);
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - 32px);
}

@media (min-width: 1024px) {
	.container-fluid {
		width: calc(100% - 32px);
	}
}

@media (min-width: 1280px) {
	.container-fluid {
		width: calc(100% - 80px);
	}
}

@media (min-width: 1920px) {
	.container-fluid {
		width: calc(100% - 400px);
	}
}
/* Css/PC/block/button.css */
/** 
BUTTON : common buttons

1. GENERAL
**/
.btGreen, .btGrey, .btBlue, .btOrange, .btPink, .btWhite, .btRed, .btPopin, .btDisabled, .btAdded, .mainButton, .actionButton {
	background-position: 0 bottom;
	background-repeat: repeat-x;
	background-size: contain;
	border-radius: 3px;
	border: solid 1px;
	color: #fff;
	cursor: pointer;
	font-size: 1.25em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.btGreen, .btBlue, .btOrange, .btWhite, .btRed, .btMinor, .btPopin, .mainButton, .actionButton {
    border-radius: 6px;
    cursor: pointer;
    outline: none;
    text-align: center;
	text-decoration: none;
}
.btS, .btFS {
    border: 1px solid;
    font-size: 14px!important;
    font-size: 1.17rem!important;
    height: 2.2em;
    line-height: 2.2em!important;
}
.btS {
    padding: 0 15px!important;
}

.btSP {
    margin-top: 30px;
    padding: 10px 60px !important;
}

.hOverlays .btS {
    padding: 0!important;
}
.btL, .btF {
    border: 2px solid;
    font-size: 17px;
    font-size: 1.5rem;
    height: 2.2em;
    line-height: 2.2em!important;
}
 .btL {
    padding: 0 20px!important;
    width: auto!important;
}
.btF, .btFS {
    display: block;
    padding: 0;
    width: 100%;
}
.btGreen {
    background: linear-gradient(to bottom, #2bb04a 0%,#2bb04a 100%);
    background-color: #2bb04a;
    border-color: #2bb04a;
    color: #fff;
}

.btGrey {
	background-color: #e5e5eb;
	border-color: #e5e5eb;
	color: #323232;
}
.btBlue, .btPopin {
    background: linear-gradient(to bottom, #096ec8 0%,#096ec8 100%);
    background-color: #096ec8;
    border-color: #096ec8;
    color: #fff;
}

.btPopin {
	font-size: 17px;
    font-size: 1.5rem;
    height: 2.2em;
    line-height: 2.2em;
	padding: 0 1.5em;
}
/* Si le test AB des nouveaux boutons passe, merci de supprimer le font-weight: bold de la nouvelle classe !!! */
.btOrange {
    background-color: #fff;
    border-color: #2bb04a;
    color: #2bb04a;
    filter: none; /*IE...-_-'*/
}
.mainButton {
    background-color: #096EC8;
    border: 1px solid #096EC8;
    color: #fff !important;
    font-weight: normal;
    padding: 10px;
}
.actionButton {
    background-color: #fff;
    border: 1px solid #096EC8 !important;
    color: #096EC8 !important;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 10px;
}
.mainButton.btDisabled, .mainButton.btDisabled:hover {
	background: #84b6e3;
	color: #fff;
    cursor: default;
}

.btAdd .btOrange {
	border: 1px solid;
	font-size: 17px;
	font-size: 1.5rem;
	height: 2.2em;
	line-height: 2.2em;
}
.btPink {
	background-color: #d7205f;
	border-color: #ac1146;
}
.btWhite {
    background: linear-gradient(to bottom, #fff 0%,#fff 100%);
    background-color: #fff;
    border-color: #096ec8;
    color: #096ec8;
}
.btRed {
	background-color: #e23a05;
	border-color: #e23a05;
	color: #fff;
}
.btDisabled {
	background-color: #d7d9e4;
	background: linear-gradient(to bottom, #d7d9e4 0%,#d7d9e4 100%);
	border: none;
	color: #fff;
	cursor: default;
	text-align: center;
}
.btAdded, .btAdded {
	background: #f1f2f6!important;
	border: 1px solid #c7d5de!important;
	color: #868789!important;
}
.clickDisabled, .clickDisabled {
	cursor:not-allowed;
}
.btMinor {
    background-color: #fff;
    border-color: #fff;
    border-style: none;
    color: #096ec8;
}

.aiShippingBtn {
    height: 46px;
	width: 100%;   
}

/** HOVERS */
.btGreen:not(.clickDisabled):hover {
    background: linear-gradient(to bottom, #44c260 0%,#44c260 100%);
    background-color: #44c260;
	border-color: #44c260;
    color: #fff;
    text-decoration: none;
}

.btSearch, .btSearch:not(.clickDisabled):hover {
    background-color: #2bb04a;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 48px;
    min-width: 48px;
}

.btGrey:hover{
	background-color: #e5e5eb;
	color: #323232;
}
.btBlue:hover, .btPopin:hover {
	background: #3757c9;
	color: #fff;
}
.btBlue:not(.clickDisabled):hover, .btPopin:not(.clickDisabled):hover {
    background: linear-gradient(to bottom, #398eda 0%,#398eda 100%);
    background-color: #398eda;
    border-color: #398eda;
    color: #fff;
    text-decoration: none;
}
.btOrange:not(.clickDisabled):hover {
    background-color: #2bb04a;
    color: #fff;
    text-decoration: none;
}
.btPink:hover {
	background: #d7205f;
	color: #fff;
}
.btWhite:hover {
	background: #f4f6f9;
	color: #4e6487;
}
.mainButton:hover {
	background: #398eda;
	color: #fff;
}
.actionButton:hover {
	background: #398eda;
	border-color : #398eda;
    color: #fff !important;
}
.btWhite:not(.clickDisabled):hover {
    background: linear-gradient(to bottom, #398eda 0%,#398eda 100%);
    background-color: #398eda;
    border-color: #398eda;
    color: #fff;
    text-decoration: none;
}
.btRed:not(.clickDisabled):hover {
	background-color: #e44919;
	border-color: #e44919;
}
.btDisabled:hover {
	background-color: #d7d9e4;
	color: #fff;
	cursor:default;
}
.btAdded:hover {
	background-color: #f1f2f6;
	color: #868789;
	cursor:default;
}
.btMinor:not(.clickDisabled):hover {
    background: linear-gradient(to bottom, #f8f9fa 0%,#f8f9fa 100%);/*Can be remplace with barckground color after testAB*/
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #439be9;
    text-decoration: none;
}
/** CLIC */
.btGreen:active, .btBlue:active, .btOrange:active, .btPink:active, .btWhite:active, .btPopin:active {
	box-shadow: none;
}
.btUp {
	text-transform: uppercase;
}
/*DISABLED*/
.btGreen.clickDisabled {
    background: linear-gradient(to bottom, #95d7a4 0%,#95d7a4 100%);/*Can be remplace with barckground color after testAB*/
    background-color: #95d7a4;
    border-color: #95d7a4;
}
.btOrange.clickDisabled {
    border-color: #95d7a4;
    color: #95d7a4;
}
 .btBlue.clickDisabled, .btPopin.clickDisabled {
    background: linear-gradient(to bottom, #84b6e3 0%,#84b6e3 100%);/*Can be remplace with barckground color after testAB*/
    background-color: #84b6e3;
    border-color: #84b6e3;
}
 .btWhite.clickDisabled {
    border-color: #84b6e3;
    color: #84b6e3;
}
.btRed.clickDisabled {
    background: linear-gradient(to bottom, #f09c82 0%,#f09c82 100%);/*Can be remplace with barckground color after testAB*/
    background-color: #f09c82;
    border-color: #f09c82;
}
.btMinor.clickDisabled {
    color: #439be9;
}

/* OUTLINE */
.btGreen.btOutline {
    background: transparent;
    color: #2bb04a;
}

/* LOADING */
.btGreen.btLoading,
.btGreen.btLoading.clickDisabled {
    background: linear-gradient(to bottom, #2bb04a 0%,#2bb04a 100%);
    background-color: #2bb04a;
    background-position: center;
    background-repeat: no-repeat;
    border-color: #2bb04a;
    color: transparent;
}

.btGreen.btLoading.btOutline,
.btGreen.btOutline.btLoading.clickDisabled {
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
}


/* BUTTON WITH CHECK ICON */
/* works with <button> but not <input> */
.btGreen.btCheck {
    background: none;
    color: #2bb04a;
    font-weight: bold;
}
.btGreen.btCheck:before {
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 6px;
    width: 15px;
}

input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
}
/* Css/PC/components/buttons.css */
/* --------------------------------
File: _buttons.scss
Title: Buttons
Weight: Objects
Descr: Comportement des boutons
Version : 1.3295.0
-------------------------------- */
.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: 4px;
    background: #b6c2cd;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    white-space: nowrap;
    text-decoration: none;
    font-family: "Hind", "Hind-fallback", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #293847;
    cursor: pointer;
    transition: all 70ms cubic-bezier(0.4, 0.14, 0.3, 1);
    -webkit-appearance: button;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    will-change: transform;
}

    .btn:focus {
        outline: none;
        box-shadow: 0 0 0 2px rgba(41, 56, 71, 0.3);
    }

.btn--sm {
    height: 32px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
}

    .btn--sm.btn--onlyIcon {
        padding-right: 6px;
        padding-left: 6px;
    }

.btn--md {
    height: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}

    .btn--md.btn--onlyIcon {
        padding-right: 7px;
        padding-left: 7px;
    }

.btn--lg {
    height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
}

    .btn--lg.btn--onlyIcon {
        padding-right: 8px;
        padding-left: 8px;
    }

.btn--icon {
    gap: 0 8px;
}

.btn--icon-only {
    padding-right: 8px;
    padding-left: 8px;
}

.btn--icon-reverse {
    flex-direction: row-reverse;
}

.btn--action {
    background: #096ec8;
    color: #FFF;
}

    .btn--action:hover {
        background: #064e8e;
        color: #FFF;
    }

    .btn--action:focus {
        box-shadow: 0 0 0 2px rgba(9, 110, 200, 0.3);
    }

    .btn--action.is-disabled, .btn--action[disabled] {
        background-color: #b6c2cd;
    }

    .btn--action.btn--outlined {
        border: 2px solid #096ec8;
        background: #FFF;
        color: #096ec8;
    }

        .btn--action.btn--outlined:hover {
            background: #064e8e;
            color: #FFF;
            border-color: transparent;
        }

        .btn--action.btn--outlined:focus {
            box-shadow: 0 0 0 2px rgba(9, 110, 200, 0.3);
        }

        .btn--action.btn--outlined.is-disabled, .btn--action.btn--outlined[disabled] {
            background-color: #FFF;
            color: #b6c2cd;
            border-color: #b6c2cd;
        }

.btn--business {
    background: #2bb04a;
    color: #FFF;
}

    .btn--business:hover {
        background: #1f7d35;
        color: #FFF;
    }

    .btn--business:focus {
        box-shadow: 0 0 0 2px rgba(43, 176, 74, 0.3);
    }

    .btn--business.is-disabled, .btn--business[disabled] {
        background-color: #b6c2cd;
    }

    .btn--business.btn--outlined {
        border: 2px solid #2bb04a;
        background: #FFF;
        color: #2bb04a;
    }

        .btn--business.btn--outlined:hover {
            background: #1f7d35;
            color: #FFF;
            border-color: transparent;
        }

        .btn--business.btn--outlined:focus {
            box-shadow: 0 0 0 2px rgba(43, 176, 74, 0.3);
        }

        .btn--business.btn--outlined.is-disabled, .btn--business.btn--outlined[disabled] {
            background-color: #b6c2cd;
            color: #FFF;
            border-color: #b6c2cd;
        }

.btn--cdav {
    background: #16b4f2;
    color: #FFF;
}

    .btn--cdav:hover {
        background: #1080ac;
        color: #FFF;
    }

    .btn--cdav:focus {
        box-shadow: 0 0 0 2px rgba(22, 180, 242, 0.3);
    }

    .btn--cdav.is-disabled, .btn--cdav[disabled] {
        background-color: #b6c2cd;
    }

    .btn--cdav.btn--outlined {
        border: 2px solid #16b4f2;
        background: #FFF;
        color: #16b4f2;
    }

        .btn--cdav.btn--outlined:hover {
            background: #1080ac;
            color: #FFF;
            border-color: transparent;
        }

        .btn--cdav.btn--outlined:focus {
            box-shadow: 0 0 0 2px rgba(22, 180, 242, 0.3);
        }

        .btn--cdav.btn--outlined.is-disabled, .btn--cdav.btn--outlined[disabled] {
            background-color: #b6c2cd;
            color: #FFF;
            border-color: #b6c2cd;
        }

.btn--promo {
    background: #e23a05;
    color: #FFF;
}

    .btn--promo:hover {
        background: #a02904;
        color: #FFF;
    }

    .btn--promo:focus {
        box-shadow: 0 0 0 2px rgba(226, 58, 5, 0.3);
    }

    .btn--promo.is-disabled, .btn--promo[disabled] {
        background-color: #b6c2cd;
    }

.btn--link {
    background-color: transparent;
    color: #096ec8;
}

    .btn--link:hover {
        text-decoration: underline;
    }

    .btn--link:focus {
        box-shadow: 0 0 0 2px rgba(9, 110, 200, 0.3);
    }

    .btn--link.btn--reset {
        padding: initial;
    }

        .btn--link.btn--reset:focus {
            box-shadow: initial;
        }

.btn--negative {
    border: 2px solid #FFF;
    background: transparent;
    color: #FFF;
}

    .btn--negative:hover {
        background: #FFF;
        color: #096ec8;
    }

    .btn--negative:focus {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
    }

    .btn--negative.is-disabled, .btn--negative[disabled] {
        background-color: #FFF;
        color: #b6c2cd;
        border-color: #b6c2cd;
    }

.btn--rounded {
    border-radius: 50em;
}

.btn--transparent {
    background-color: transparent;
    border-color: transparent;
}

.btn--reset {
    outline-offset: initial;
    border: initial;
    background: initial;
    padding: 0;
}

    .btn--reset:hover {
        border: initial;
        background: initial;
    }

    .btn--reset:focus {
        box-shadow: 0 0 0 2px rgba(9, 110, 200, 0.3);
    }

.is-disabled,
.btn[disabled],
.btn[readonly] {
    cursor: not-allowed;
}

.btn--liveProduct {
    border: 0;
    border-radius: 4px;
    background-color: #f2f3f5;
    padding: 0 8px 0px 0;
}

    .btn--liveProduct > svg {
        margin-right: 8px;
    }

.btn--liveProduct--big {
    padding: 0 16px 0px 0;
    font-size: 14px;
    box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.15);
}

    .btn--liveProduct--big > svg {
        margin-right: 16px;
    }

.btn--liveProduct--small {
    padding: 0 8px 0px 0;
    font-size: 12px;
}

    .btn--liveProduct--small > svg {
        margin-right: 8px;
    }

.btn--addedToBasket {
    grid-gap: 0 4px;
    background-color: transparent;
    color: #2bb04a;
    border-color: transparent;
    gap: 0 4px;
}
/* Css/PC/master/arkCritical.css */
/** 
ARK : navigation : 

1. HEADER
2. BREADCRUMB
4. MINI PANIER
5. ADS GLOBAL
6. BLOC COOKIE
7. BLOC MESSAGE JS DESACTIVE
8. PUSH BR
9. MEDIA QUERIES
**/


body {   
    overflow-y: scroll;
}

.linkList a {
    color: #323232;
    display: block;
    text-decoration: none;
}

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

.logoCDS {
    color: #293847;
    display: inline-block;
    font-weight: bold;
}

    .logoCDS:first-letter {
        color: #e23a05;
        font-size: 1.1em;
    }

.hLayers .logoCDS, .hLayers .logoCDS:first-letter {
    color: #fff;
}

/*todo VARIABLE lien */
.lk, [data-nf], .popConnect a, .ftLag > ul > li a,
.ftMention a, .tip a,
.chevronDepli {
    color: #096ec8;
    cursor: pointer;
    text-decoration: none;
}

    .lk:hover, [data-nf]:hover, .popConnect a:hover, .ftLag > ul > li a:hover,
    .ftMention a:hover, .tip a:hover,
    .chevronDepli:hover {
        color: #096ec8;
        text-decoration: underline;
    }

/*1. HEADER */
header#header * {
    font-family: Arial, sans-serif;
}

div.tetiere {
    background: none;
}

.prehead {
    background: #22398e;
    color: #fff;
    height: 2.5em;
    line-height: 1.5em;
    padding: 0 10px;
}

    .prehead a, .prehead span, .prehead a:hover {
        color: #fff;
    }

#mainLogo img {
    position: initial;
}

.head {
    background: #293847;
    color: #293847;
    display: table;
    height: 64px;
    table-layout: fixed;
    padding: 0 15px;
    padding-left: 20px;
    padding-right: 0;
}

.hZn1 {
    float: left;
    width: 210px;
}

.hZn2 {
    overflow: hidden;
    padding: 15px 3px;
}

.hZn3 {
    float: right;
    padding: 15px 0 0;
    width: 340px;
}

.hMenu {
    display: none;
}

    .hMenu:before {
        background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat -85px -3px;
        content: '';
        height: 20px;
        margin-bottom: 2px;
        margin: auto;
        width: 35px;
    }

.hLogo {
    display: table-cell;
    font-size: 2em;
    height: 100%;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 206px;
}

.hLogoCdav {
    background: url('https://www.cdiscount.com/RWD/header/logo_hCdav.png') no-repeat 115px 6px;
}

.hLogo > a {
    display: block;
    text-decoration: none;
    text-align: center;
    height: 44px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.hLogo img {
    display: inline-block;
    height: auto;
    width: auto;
}

.hLogo a > span {
    color: #22398e;
    display: block;
    font-size: .36em;
    font-weight: normal;
    padding: .2em 0 0 .2em;
}

.hToolTip {
    background: #fff;
    border-bottom: 10px solid #18baff;
    -moz-box-shadow: 0px 5px 5px 0px #bfecff;
    -webkit-box-shadow: 0px 5px 5px 0px #bfecff;
    -o-box-shadow: 0px 5px 5px 0px #bfecff;
    box-shadow: 0px 5px 5px 0px #bfecff;
    display: none;
    font-weight: normal;
    height: 64px;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    top: -61px;
    width: 100%;
    z-index: 10;
}

.hSearch input, .searchBox input {
    display: block;
    margin: 0;
    width: auto;
}

.hSearch .hSrcBtn, .srcBtn {
    background: #2844a9;
    background: linear-gradient(to bottom, #2844a9 0%,#22398e 100%);
    border-radius: 0 3px 3px 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 1.2em;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
}

    .hSrcBtn:hover, .srcBtn:hover {
        background: #3757c9;
    }

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

.hSrcInput {
    background: #fff;
    border: 1px solid #293847;
    border-radius: 5px;
    height: 38px;
    overflow: hidden;
}

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

.focus .hSrcInput button {
    background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat 5px 0px #ececec;
}

.hSrcInput button:hover {
    background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat 5px -74px #ececec;
}

.hSearch.focus, .searchBox.focus {
    border-radius: 3px;
    box-shadow: 0 0 3px #55a3ff;
}

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

    .hSrcInput input::-webkit-input-placeholder,
    .hSrcInput input:-moz-placeholder,
    .hSrcInput input::-moz-placeholder,
    .hSrcInput input:-ms-input-placeholder {
        color: #293847;
        font-weight: normal;
        padding-top: .2em;
    }

    .searchDeployed .hSrcInput input::-webkit-input-placeholder,
    .searchDeployed .hSrcInput input:-moz-placeholder,
    .searchDeployed .hSrcInput input::-moz-placeholder,
    .hSrcInput input:-ms-input-placeholder {
        color: #949ba3;
    }

.hSrcInput .hSrcCancel {
    color: #293847;
    background: none;
    cursor: pointer;
    float: right;
    display: none;
    padding: 0 10px;
    line-height: 36px;
    font-size: 1.5em;
    text-indent: 0;
    width: 28px
}

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

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

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

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

.hSrcInput input[type="search"]::-webkit-search-decoration,
.hSrcInput input[type="search"]::-webkit-search-cancel-button,
.hSrcInput input[type="search"]::-webkit-search-results-button,
.hSrcInput input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

.hSrcInput input::-ms-clear {
    display: none;
}

#headerServices {
    padding-right: 50px;
    position: relative;
    z-index: 101;
}

#newSubMenu {
    position: absolute;
    right: 0;
    top: 72px;
    height: 29px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    z-index: 992 !important;
}

    #newSubMenu .dot {
        display: block;
        background-color: white;
        border-radius: 100%;
        height: 4px;
        width: 4px;
        margin-right: 5px;
    }

#ab-overlay {
    display: none;
    background-color: black;
    opacity: .5;
    z-index: 991;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hSrcResult, .srcResult {
    left: 0;
    padding: 0 15px;
    padding-left: 20px;
    padding-right: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 502;
}

.hSrcZM {
    border-top: 1px solid #AAB5C4;
    color: #798da8;
    text-align: left;
    padding: .4em 0;
}

.hSrcProd {
    color: #798da8;
    display: block;
    margin: 0;
    padding: .4em .8em;
    text-decoration: none;
}

    .hSrcProd img {
        float: left;
    }

.hSrcPTxt {
    overflow: hidden;
    padding: 0 0 0 .8em;
    vertical-align: middle;
}

.hSrcPTit {
    color: #323232;
    font-weight: bold;
}

.hSrcPDesc {
    color: #798da8;
    display: block;
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hSrcProd .oldPrice {
    color: #323232;
    text-decoration: line-through;
}

.hSrcBanner {
    display: block;
    text-align: center;
    margin: 1em;
}

    .hSrcBanner img {
        max-width: 100%;
    }

.hCity {
    background: none;
    cursor: pointer;
    text-decoration: underline;
}

.hConnect, .hBasket {
    float: left;
    height: 2.8em;
    line-height: 3em;
    margin-left: 20px;
    padding: 0 0 0 30px;
}

.hConnect {
    position: relative;
}

.hBasket {
    padding: 0 0 0 35px;
    position: relative;
}

    .hConnect > a, .hBasket > a {
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        position: relative;
        text-decoration: none;
    }

.hConnect > a {
    color: #22398e;
}

    .hConnect > a:hover, .hBasket > a:hover {
        text-decoration: underline;
    }

.hBasket > a {
    color: #29b001;
}

.hHelp {
    display: none;
}

.hBull {
    background: #f00;
    border-radius: 9px;
    color: #FFF;
    display: block;
    font-size: .8em;
    height: 18px;
    left: -20px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 18px;
}

/******* olMenu */
div.tetiere {
    background: none;
}

.olMain {
    clear: both;
    height: 36px;
    position: relative;
    text-align: center;
    z-index: 99;
}

.olMenu {
    background: #fff;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2);
    display: table;
    font-size: .95em;
    height: 44px;
    width: 100%;
}

.olMag {
    border: none;
    display: table-cell;
    height: 100%;
    line-height: 22px;
    text-align: center;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 6%;
}

    .olMag > a {
        display: table;
        height: 100%;
        padding: 0 1px;
        line-height: 2.7em;
        height: 100%;
        text-decoration: none;
        width: 100%;
    }

        .olMag > a > span {
            display: table-cell;
            padding: 0 3px;
            vertical-align: middle;
            line-height: normal;
        }

    .olMag:hover > a {
        border-bottom: 0;
    }

    .olMag a {
        text-decoration: none;
    }

    .olMag ol a, .olMag ol span {
        line-height: 12px;
    }

.nTetiere {
    margin-top: 64px;
}

    .nTetiere.selCountry {
        margin-top: 96px;
    }

        .nTetiere.selCountry + .disabledContent {
            top: 0;
        }

    .nTetiere .olMain {
        height: 44px;
    }

.olMenu li.olMag > a {
    position: relative;
}

.olMenu li.olMag .zNoMiss ul.onlineList {
    background-color: #f4f4f4;
}

.olMenu li .zNoMiss ul.onlineList li,
.olMenu li .zNoMiss ul.onlineList li a,
.olMenu .zBest span {
    color: #293847;
}

.olMenu li .list ol .subTitle {
    background-color: white;
    border-bottom: 1px solid #dbdbe0;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-left: 0;
}

    .olMenu li .list ol .subTitle span {
        color: #293847;
        font-weight: bold;
    }

.olMag:hover > a:before {
    background: none;
}

.nTetiere .olMag + .nTetiere .olMag {
    border: none;
}

.olMag:hover + .olMag > a:before {
    background: none;
}

.nTetiere .olMenu li.olMag:hover {
    background-color: white;
}

.olMenu li.olMag:hover > a:after {
    background: #e23a05;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.nTetiere .olMenu li.olMag.olMagAct > a {
    color: #e23a05
}
/* Refonte nav */
div {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.nTetiere .olMag {
    width: 100px;
}

.subMenu {
    display: none;
}

/** 1. NOUVEAU HEADER **/
.headerAndMsg {
    position: fixed;
    top: 0;
    z-index: 102;
    width: 100%;
}

    .headerAndMsg.fixed {
        box-shadow: 0 2px 2px -1px rgba(0,0,0,.2);
    }

        .headerAndMsg.fixed + div + div + .disabledContent {
            top: 0;
        }

.blocCookie {
    background: #293847;
    color: #fff;
    display: none;
    padding: 4px;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.bcClose span {
    background: #e23a05;
    cursor: pointer;
    padding: 0 .2em;
}

.hMenu {
    display: table-cell;
    height: 100%;
    padding: 0 5px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.hCdav, .hCompte, .hBskt {
    display: table-cell;
    height: 43px;
    max-width: 108px;
    padding: 0 10px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 108px;
}

.hCnx {
    display: table-cell;
    height: 100%;
    padding: 4px 0 0 0;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 132px;
}

.hCdav > a {
    color: #293847;
    display: inline;
    height: 38px;
    margin: 0;
    text-decoration: none;
    width: 102px;
}

.hCompte > a {
    height: 38px;
    margin: 0;
    width: 102px;
}

.hBskt > a {
    display: inline-block;
    font-size: 1.17em;
    font-weight: bold;
    height: 38px;
    margin: 0;
    padding-left: 35px;
    padding-top: 1px;
    position: relative;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 102px;
}

.hCnx > a {
    color: #293847;
    text-decoration: none;
}

.hCompte a {
    color: #fff;
    display: inline;
}

.hCnt {
    display: table-cell;
}

    .hCnt a, .hCompte a {
        text-decoration: none;
    }

.hMenu {
    display: none;
}

.hSearch {
    display: table-cell;
    height: 100%;
    padding: 0 0 0 20px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

    .hSearch.focus {
        border-radius: 0;
        box-shadow: none;
    }

.hSrcProd img {
    float: left;
}

.hSrcPTxt {
    overflow: hidden;
    padding: 0 0 0 .8em;
    vertical-align: middle;
}

.hSrcPTit {
    color: #323232;
    font-weight: bold;
}

.hSrcProd .oldPrice {
    color: #323232;
    text-decoration: line-through;
}

.priceCdavTxt {
    font-size: 14.4px;
    font-weight: bold;
}

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

.hSrcBanner {
    display: block;
    text-align: center;
    margin: 1em;
}

    .hSrcBanner img {
        max-width: 100%;
    }

.hLayers {
    display: table-cell;
    height: 100%;
    margin-left: 5px;
    margin-right: 15px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 345px;
}

.hCdav .logoCDS {
    font-size: 14px;
}

.hCdav .logoAbolive {
    color: #FFF;
    font-size: 12px;
}

.hCProfile {
    font-size: 1.17em;
    font-weight: bold;
    position: absolute;
    text-decoration: none;
    white-space: nowrap;
    top: -18px;
}

.hSir {
    position: absolute;
    top: 2px;
}

.hIdent {
    position: absolute;
    top: 2px;
}

.hCnx .hSir {
    display: none;
    max-width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hIdent, .hCnx .hSir {
    font-size: 0.76em;
    font-weight: bold;
    margin-bottom: 3px;
}

.hArticleCount {
    background-color: #e23a05;
    border-radius: 5px;
    bottom: 24px;
    color: #ffffff;
    display: inline-block;
    font-size: 8px;
    height: 12px;
    line-height: 12px;
    min-width: 12px;
    position: absolute;
    right: 73px;
    text-align: center;
    top: 6px;
}

.hArticleCountText {
    font-size: 10px;
    font-weight: normal;
    margin-top: 2px;
}

    .hArticleCountText > span {
        display: inline-block;
        width: 6px;
    }

.hCnx .hMailCount {
    background: #e63200;
    border-radius: 4px;
    bottom: 0px;
    color: #fff;
    display: block;
    font-size: .9em;
    left: 110px;
    line-height: 16px;
    padding: 1px 3px;
    position: absolute;
    text-align: center;
}

.hMailCount:hover {
    color: #fff;
}

.logoAbolive,
.hBskt a {
    color: #fff;
}

    .hBskt a:before {
        background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat -111px -25px;
        content: '';
        display: inline-block;
        height: 27px;
        left: 0;
        position: absolute;
        top: 0;
        width: 30px;
    }

.hCdav:after,
.hCompte:after,
.hBskt:after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #fff;
    content: '';
    display: inline-block;
    margin: 11px 0 0 4px;
    position: absolute;
    top: 3px;
}

.hCnx:after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #fff;
    content: none;
    display: inline-block;
    margin: 11px 0 0 4px;
}

.hCdav:after {
    right: 13px;
}

.hCompte:after {
    right: 0;
}

.hBskt:after {
    right: 5px;
}

.hCnx.hcm:after {
    border-left: 0px;
    border-right: 0px;
    content: none;
}

.hCompte.hCnxBskt:after {
    content: none;
}

.disabledContent {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 12;
}

.hOverlays {
    background: #fff;
    border: 4px solid #f7f7f7;
    box-shadow: 0 0 0 1px #d9d9d9;
    display: none;
    position: absolute;
    right: 5px;
    top: 60px;
    width: 367px;
    z-index: 15;
}

.hSir, .hIdent {
    font-size: 10px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 92px;
    white-space: nowrap;
}

.hSir, .hCompte .hSir {
    display: none;
}

/* Header message browser not supported  */
.hMsgBrowserNotSupported {
    background-color: #fff3c3;
    display: none;
    padding: 6px 18px;
    text-align: center;
    width: 100%;
}

    .hMsgBrowserNotSupported .msg {
        color: #323232;
        display: table-cell;
        font-size: 12px;
        font-weight: normal;
        vertical-align: middle;
    }

    .hMsgBrowserNotSupported .picto {
        height: 15px;
        width: 15px;
    }

.ftMention {
    font-size: .9em;
    padding: 0 20px 20px;
}

    .ftMention p {
        font-size: 1.1em;
        padding-bottom: .75em;
        text-align: justify;
    }

/** 2. FIL ARIANE **/
#bc {
    overflow: hidden;
    padding: 16px 16px 32px 16px;
}

    #bc h1 {
        display: inline;
        font-size: 1em;
    }

/* used for FP and LP */
.bcZone {
    display: table;
    padding: .4em 0 10px;
    width: 100%;
}

    .bcZone #bc {
        display: table-cell;
        padding: 0 .75em;
    }

#bc a {
    text-decoration: none;
}

    #bc a:hover {
        text-decoration: underline;
    }

.bcHelp {
    cursor: pointer;
    display: table-cell;
    padding: 0 10px;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
}

    .bcHelp > span:first-child {
        display: block;
        font-size: 1.25em;
        font-weight: bold;
    }
/* used for FP */
#bc .bcBack:after {
    content: "";
    padding: 0;
}

#bc .bcBack {
    display: inline-block;
    font-size: 1em;
}

.bcBack {
    position: relative;
    padding: 0 10px;
    margin: 0 10px;
    height: 26px;
    line-height: 26px;
}

    .bcBack:before {
        content: "\00a0<\00a0";
        font-size: 19px;
        margin-left: -22px;
        vertical-align: top;
    }

    .bcBack a {
        color: #323232;
        font-size: 12px;
        font-weight: bold;
        height: 26px;
        line-height: 26px;
        margin: 0 -10px 5px -5px;
        padding: 0 10px;
        position: relative;
        white-space: nowrap;
    }

.anchor {
    margin-top: -74px;
    padding-top: 74px;
}

/** 5. ADS GLOBAL **/
.googleads, .bottomGoogleAds, .leftGoogleAds {
    word-wrap: break-word;
}

/** 6. Bloc Cookie **/
.blocCookie {
    background: #323232;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 40px;
    opacity: .85;
    padding: 4px 10%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 101;
}

    .blocCookie.show {
        display: table;
    }

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

    .blocCookie a {
        color: #fff;
        text-decoration: underline;
    }

.bcClose {
    font-size: 1.5em;
    width: 18px;
}

    .bcClose span {
        background: #323232;
        cursor: pointer;
        padding: 0 .2em;
        font-size: x-large;
    }

/** 7. BLOC MESSAGE JS DESACTIVE **/
.blocNoJs {
    background: #f7f7f7;
    color: #f00;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

    .blocNoJs div {
        display: table-cell;
        vertical-align: middle;
    }

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

.headerServices {
    background: #293847;
    border-bottom: 0;
    font-size: 0;
    height: 100px;
    overflow-y: hidden;
    padding-left: 20px;
    padding-top: 64px;
    vertical-align: middle;
}

    .headerServices::before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .headerServices > div {
        border-right: 1px solid #868686;
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        height: 20px;
        line-height: 20px;
        padding: 0 20px;
        position: relative;
        vertical-align: middle;
        white-space: nowrap;
    }

        .headerServices > div > span,
        .headerServices > div > a {
            color: #fff;
        }

        .headerServices > div.active > span,
        .headerServices > div.active > a {
            color: #293847;
        }

        .headerServices > div > span {
            font-weight: bold;
        }

        .headerServices > div.showDepartments.active > span,
        .headerServices > div.showDepartments.active > a {
            color: #293847;
        }

        .headerServices > div a,
        .headerServices > div.showDepartments > span {
            color: #fff;
            display: block;
            height: 100%;
            position: relative;
            text-decoration: none;
        }

    .headerServices > .showDepartments {
        padding: 0 50px 0 30px;
    }

    .headerServices > .otherTabSelected {
        cursor: pointer;
    }

.content.nTetiere:not(.vertical) {
    display: block !important;
}

.headerServices > .showDepartments .tabSelect {
    width: 206px;
}

.headerServices .tabSelect {
    border: none;
}

.headerServices > .showDepartments.active .tabSelect {
    height: 47px;
}

.headerServices .showDepartments.active .tabSelect:after {
    content: none;
}

.headerServices > .showDepartments.active:not(.otherTabSelected) .tabSelect {
    height: 36px;
}

.headerServices img {
    height: 25px;
    margin-right: 10px;
    vertical-align: middle;
    width: 25px;
}

.allDepartmentsPicto {
    height: 25px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    width: 25px;
}

.hLight .allDepartmentsPicto {
    margin-right: 0px;
}

.allDepartmentsPicto img {
    height: 25px;
    left: -25px;
    max-width: none;
    position: absolute;
    width: 50px;
    top: 0;
}

.btnDepartment:not(.active) .allDepartmentsPicto img {
    left: 0;
}

.content.nTetiere {
    margin-top: 0;
}

.tabSelect {
    background: #fff;
    border-left: 1px solid #c9d5e3;
    border-right: 1px solid #c9d5e3;
    border-top: 1px solid #c9d5e3;
    display: none;
    height: 36px;
    left: -1px;
    position: absolute;
    top: -8px;
    width: calc(100% + 2px);
}

.active .tabSelect {
    display: block;
}

.showDepartments.active .tabSelect:after {
    bottom: -1px;
    height: 1px;
}

.headerServices > .showDepartments.active .tabSelect {
    height: 42px;
}

.otherTabSelected:not(.active) .allDepartmentsPicto img {
    left: 0;
}

.showDepartments.active.otherTabSelected .tabSelect:after {
    height: 0;
}

.active .tabSelect:after {
    background-color: #FFF;
    left: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 100%;
    z-index: 101;
}

/* Gestion du menu vertical */
.vertical {
    height: 0;
}

    .vertical .olMain {
        display: none;
        margin-left: 19px;
        width: 206px;
    }

    .vertical nav {
        border-bottom: 1px solid #c9d5e3;
        border-left: 1px solid #c9d5e3;
        border-right: 1px solid #c9d5e3;
        margin-left: 0;
    }

    .vertical .olMenu {
        border-top: none;
        position: relative;
        width: 204px;
    }

        .vertical .olMenu .olMag {
            display: table;
            height: 36px;
            max-width: 100%;
            position: static;
            text-align: left;
            width: 100%;
        }

.content.nTetiere.vertical .olMenu li.olMag.olMagAct > a span:after {
    background: #e23a05;
    content: "";
    height: 100%;
    position: absolute;
    right: 2px;
    top: 0;
    width: 2px;
}

.nTetiere.vertical .olMag > a {
    border: 0;
    display: table-cell;
    font-size: 12px;
    padding: 0 !important;
    vertical-align: middle;
}

    .nTetiere.vertical .olMag > a > span {
        display: inline-block;
        overflow: hidden;
        padding: 0 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 204px;
    }

.vertical .olMenu li.olMag:hover > a:after {
    height: 0;
}

.vertical .olMag > a br {
    display: none;
}

/** 9. MEDIA QUERIES **/
/* @media : hack IE8 */
@media \0screen {
    .hSrcInput input {
        line-height: 2.33em;
    }

    .headerAndMsg {
        position: relative;
    }

    .nTetiere, .selCountry.nTetiere {
        margin-top: 0;
    }

    .blocCookie {
        max-width: 1004px;
    }
}

@media only screen {
    .content, header.content, header .content, #footer.content {
        max-width: 100%;
    }
}
/* < 1023 px */
@media only screen and (max-width: 1023px) {
    #bc {
        padding: 16px 16px 32px; 
    }
    /*1. HEADER */
    div.tetiere {
        height: 0;
    }

    .head {
        border: none;
        height: 64px;
        padding-left: 20px;
    }

    .hZn1, .hZn2 {
        padding-top: 0;
    }

    .hZn1 {
        height: 74px;
        overflow: hidden;
        width: 270px;
    }

    .hLogoCdav {
        background-position: 102px 8px;
    }

    .hToolTip:after {
        left: 202px;
    }

    .hLogo .hToolTip img {
        width: auto;
    }

    .hZn2 {
        padding: 19px 3px 3px;
    }

    .hZn3 {
        padding: 11px 0 0;
        width: 190px;
    }

    .hSrcResult {
        padding: 0 0 0 10px;
    }

    .hMenu {
        border-right: 1px solid #e0e9f6;
        color: #293847;
        cursor: pointer;
        display: table-cell;
        font-weight: bold;
        height: 55px;
        margin-top: 10px;
        padding: 0;
        text-align: center;
        width: 70px;
    }

        .hMenu:before {
            display: block;
        }

    .hLogo {
        width: 190px;
    }

        .hLogo a {
            padding: 0;
        }

        .hLogo img {
            display: inline-block;
            height: auto;
            width: auto;
        }

    .hConnect, .hBasket {
        background-position: center .4em;
        height: 4.5em;
        margin-left: 0;
        padding-left: 0;
        text-align: center;
        width: 50%;
    }

    .hBasket {
        border-left: 1px solid #e0e9f6;
    }

        .hConnect a, .hBasket a {
            font-size: 1em;
            padding: 1.8em 0 0;
        }

    .hBRLines a {
        line-height: initial;
        padding: 0;
    }

    .hBull {
        left: 50%;
    }

    .hBRecap {
        padding: 10px 4px 30px 35px;
        right: 0;
        width: 370px;
        top: 45px
    }

    .backTop {
        margin-left: 20px;
    }

    .hBRTButton {
        padding: 0px !important;
    }
    /*** End header fixed ***/
    .olMain {
        display: none;
        height: auto;
        position: absolute;
        top: -1px;
        width: 100%;
    }

    .vertical .olMain {
        margin-left: 0;
    }

    .olMainNone {
        display: none !important;
    }

    .olMenu {
        background: none;
        border: 0;
        display: block;
        height: auto;
    }

    .olMag, .olMag:hover, .olMagCur {
        box-shadow: none;
        float: none;
        height: auto;
        max-width: 26%;
        text-align: left;
        width: 26%;
    }

    .olMag {
        background: #fff;
        border: 0;
        display: block;
        z-index: 600;
    }

        .olMag:last-child {
            border-bottom: 1px solid #d7d9e4;
        }

        .olMag > a {
            border-right: 3px solid;
            font-size: 1.2em;
            height: 2.5em;
            line-height: 2.5em;
            padding: 0 .5em !important;
            text-align: left !important;
        }

            .olMag > a:before {
                background: none;
            }

            .olMag > a br {
                display: none;
            }

    .73 .list {
        padding-top: 0;
    }

    .list ol {
        min-height: 200px;
        width: 50%;
    }

    .zCrea {
        text-align: center;
        width: 50%;
    }

    .zMore, .zBest, .zNoMiss {
        width: 100%;
    }

    .zMore, .zNoMiss {
        margin-top: 7px;
    }

    .headerAndMsg {
        position: relative;
    }

    .nTetiere, .selCountry.nTetiere {
        margin-top: 0;
    }

    .hLogo span, .hCdav {
        display: none;
    }

    .hCProfile {
        display: block;
    }

    .hLayers {
        padding: 0 10px 0 0;
        width: 220px;
    }

    .hCnx {
        width: 70px;
    }

        .hCnx:before {
            background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat -50px -42px;
            display: inline-block;
            height: 32px;
            width: 31px;
        }

        .hCnx .hMailCount {
            bottom: 14px;
            display: block;
            left: initial;
            right: 17px;
        }

        .hCnx.hcm .hMailCount {
            right: 3px;
        }

    .hCompte {
        max-width: 105px;
        width: 105px;
    }

        .hCompte > a > div {
            display: table-cell !important;
        }

        .hCompte:before {
            background: url('https://www.cdiscount.com/RWD/header/header_1x.png') no-repeat -92px -52px;
            content: '';
            display: inline-block;
            height: 23px;
            width: 23px;
        }

    .hSearch {
        padding: 0 0px 0px 10px;
    }

    .hSir {
        display: none !important;
    }

    .hBskt {
        max-width: 105px;
        padding-bottom: 5px;
        width: 105px;
    }

        .hBskt > a {
            display: inline-block;
        }

    .hArticleCount {
        top: 12px;
    }
    /* TETIERE */
    .nTetiere .olMain {
        box-shadow: none;
        position: relative;
        top: 0;
    }

    .nTetiere nav {
        border-bottom: 1px solid #c9d5e3;
        border-left: 1px solid #c9d5e3;
        border-right: 1px solid #c9d5e3;
        border-top: 0;
        box-shadow: none;
        margin-left: 9px;
        position: relative;
        width: 206px;
    }

    .hCZMenu nav {
        margin-left: 0px;
        width: 200px;
    }

    .nTetiere .olMenu {
        background: none;
        border: none;
        box-shadow: 0 2px 2px -1px rgba(0,0,0,0.2);
        display: block;
        height: auto;
    }

    .nTetiere .olMag > a > span, .olMenu {
        width: 204px;
    }

    .nTetiere .olMag {
        background: #fff;
        border: 0;
        box-shadow: none;
        display: table;
        float: none;
        height: 36px;
        max-width: 100%;
        position: static;
        text-align: left;
        width: 100%;
        z-index: 600;
    }

        .nTetiere .olMag > a {
            border: 0;
            display: table-cell;
            font-size: 12px;
            padding: 0 !important;
            line-height: 2.5em;
            vertical-align: middle;
        }

    .nTetiere .olMenu li.olMag > a span {
        position: relative;
    }

    .olMenu li.olMag:hover > a:after {
        display: none;
    }

    .nTetiere .olMenu li.olMag.olMagAct > a span:after {
        background: #e23a05;
        content: "";
        height: 100%;
        position: absolute;
        right: -7px;
        top: 0;
        width: 1px;
    }



    .olMag > a > span {
        display: table-cell;
        vertical-align: middle;
        line-height: 2.5em;
    }

    #newSubMenu {
        top: 81px !important;
    }

    /* 3. FOOTER */
    .ftZn11, .ftZn1 > .onlineList, .ftZn2 > ul, .ftZn2 > ul > li, .ftZnRs > span, .ftZnRs > ul {
        display: block;
    }

    .ftZnRs > span {
        padding-bottom: 10px;
    }

    .ftZnRs > ul {
        padding-left: 0;
    }

    .ftZn11, .ftZn1 > .onlineList, .ftZn3 img {
        float: none;
    }

    .ftZn2 > ul > li {
        border: 0;
        font-size: .9em;
        padding: 0;
        width: 100%;
    }

        .ftZn2 > ul > li > div, .ftNavLnk .ftNavLnkColHeader {
            padding: .75em 0 0;
        }

        .ftZn2 > ul > li li {
            display: inline-block;
            margin: 0px 2px;
        }

            .ftZn2 > ul > li li:after {
                content: " -";
            }

    .ftZn3 span {
        display: block;
        padding-top: 10px;
    }

    .nTetiere .olMenu li.olMag.olMagAct > a span:after {
        right: 2px;
        width: 2px;
    }

    .nTetiere .olMag > a > span {
        display: block;
        overflow: hidden;
        padding: 0 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*******************************/
    /** Refonte header service v2 **/
    /*******************************/
    .testHeaderServices .headerServices {
        height: 46px;
        padding-left: 10px;
        padding-top: 0;
    }

    .showDepartments .tabSelect,
    .headerServices > div.showDepartments.active:not(.otherTabSelected) .tabSelect {
        background: #fff;
        border: 1px solid #c9d5e3;
        display: block;
        height: 47px;
    }

    .showDepartments:not(.active) .tabSelect {
        height: 36px !important;
    }

    .tabSelect {
        height: 46px;
    }

    .headerServices .showDepartments .tabSelect {
        background: #293847;
        border: none;
    }

    .headerServices .showDepartments.active .tabSelect {
        background: #fff;
        border: none;
    }

    .tabSelect + span:after {
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid #fff;
        content: '';
        display: inline-block;
        margin: 0 0 0 4px;
    }

    .active:after {
        height: 0;
    }

    .showDepartments.active .allDepartmentsPicto img {
        left: -25px;
    }

    .allDepartmentsPicto img {
        left: 0;
    }

    .hMenu {
        display: none;
    }

    .hSearch {
        padding-left: 10px;
    }

    .headerServices > div.showDepartments {
        cursor: pointer;
        padding: 0 40px 0 30px;
    }

    .hCompte:before {
        content: none;
    }

    .hCProfile {
        display: block;
    }

    .hSir, .hIdent {
        display: block;
    }
}
/* > 1280 */
@media only screen and (min-width: 1280px) {
    #bc {
        padding: 16px 40px 32px;
    }
    /* HEADER */
    .hZn1 {
        width: 260px;
    }

    .hZn3 {
        width: 390px;
    }

    .hLogoCdav {
        background-position: 140px 6px;
    }

    .hToolTip:after {
        left: 168px;
    }

    .hConnect {
        background-position: 20px .4em;
        padding-left: 55px;
        margin-left: 20px;
    }

    .hBasket {
        background-position: 15px 6px;
        margin-left: 20px;
        padding-left: 48px;
    }

    .hLayers {
        width: 345px;
    }

    .hOverlays {
        width: 495px;
    }


    .blocCookie {
        padding: 4px 20%;
    }

    /* FOOTER */
    .ftNav {
        padding: 0 80px 20px;
    }

    .ftNavLnk {
        margin: 0 80px 20px;
    }

    /* Footer Ads pave */
    .footerAdsPaves .goodDealBlock {
        width: 176px;
    }

    /* CDAV */
    .cdavLayer .espaceEvenementiel {
        padding: 0;
    }

        .cdavLayer .espaceEvenementiel img {
            width: 467px;
            height: 180px;
        }

    .headerServices {
        padding-left: 20px;
    }
}
/** 3. > BP 1600 **/
@media only screen and (min-width: 1600px) {
    #bc {
        padding: 16px 40px 32px;
    }
    /**** CORE ****/
    .only1280, .until1600 {
        display: none !important;
    }

    .since1600, .only1600, .no1599 {
        display: block !important;
    }
    /*******************************/
    /** Refonte header service v2 **/
    /*******************************/
    .vertical .olMain {
        margin-left: 39px;
    }

    .headerServices > div.showDepartments {
        padding: 0 70px 0 30px;
    }

    .head,
    .headerServices,
    .hSearch,
    .hSrcResult {
        padding-left: 40px;
    }

    .hLayers {
        padding: 0 20px;
        width: 425px;
    }

    .hCdav, .hCompte, .hBskt {
        max-width: 128px;
        padding: 0 20px;
        width: 128px;
    }

        .hCompte:after {
            right: 10px; 
        }

        .hBskt:after {
            right: 15px;
        }

        .hCdav:after {
            right: 23px;
        }
}

/** 4. > BP 1920 **/
@media only screen and (min-width: 1920px) {
    #bc {
        padding: 16px 200px 32px;
    }

    /**** CORE ****/
    .only1600, .until1920 {
        display: none !important;
    }

    .since1920, .no1919 {
        display: block !important;
    }
}
/* Safari, Android < 4.3 */ /* standard */ /* IE < 11, mobile */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    .hBkt span, .hSrc button span {
        background-image: url('https://www.cdiscount.com/RWD/header/header_2x.png'); /* 2x ratio image */
        background-size: 100px 75px; /* 2x ratio image / 2 */
    }
}

/* Css/PC/components/breadcrumb.css */
/* --------------------------------
File: Breadcrumb
Title: Breadcrumb
Descr: Comportement des Breadcrumbs
Version : 1.3186.0
-------------------------------- */
/* START :: Object - Breadcrumbs */
.o-breadcrumb {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.o-breadcrumb__item {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}

    .o-breadcrumb__item + .o-breadcrumb__item:before {
        content: "/";
        display: inline-block;
        padding-right: 8px;
        padding-left: 8px;
        font-weight: normal;
    }

.o-breadcrumb__link {
    text-decoration: none;
    color: #323232;
}

    .o-breadcrumb__link:hover {
        text-decoration: underline;
        color: #323232;
    }

    .o-breadcrumb__link:focus {
        outline-offset: -1px;
    }

.o-breadcrumb__item--current {
    font-weight: bold;
}
/* END :: Object - Breadcrumbs */
/* START :: Composant - Breadcrumbs */
.c-breadcrumb {
    display: flex;
    font-size: 12px;
    line-height: 1.5;
}

    .c-breadcrumb > ol,
    .c-breadcrumb > ul {
        overflow-x: auto;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE 10+ */
    }

        .c-breadcrumb > ol::-webkit-scrollbar,
        .c-breadcrumb > ul::-webkit-scrollbar {
            display: none;
        }

        .c-breadcrumb > ol.is-active,
        .c-breadcrumb > ul.is-active {
            cursor: grabbing;
            cursor: -webkit-grabbing;
        }

.c-breadcrumb__item--back {
    display: inline-flex;
    border-right: 1px solid #cccccc;
    margin-right: 8px;
    padding-right: 8px;
}

    .c-breadcrumb__item--back .c-breadcrumb__link {
        text-decoration: none;
        color: #096ec8;
    }

        .c-breadcrumb__item--back .c-breadcrumb__link:hover {
            text-decoration: underline;
            color: #398eda;
        }

.o-breadcrumb__item--truncate {
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* END :: Composant - Breadcrumbs */

/* Css/PC/master/marketingCritical.css */
/** 7. IMAGE LISTER **/
.imgList1, .imgListRz {
    display: block;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
}

.imgListRz img {
    width: 100%;
}

.imgListRz2 li {
    display: inline-block;
    padding: 0 5px;
    width: 50%;
}

.imgListRz3 li {
    display: inline-block;
    padding: 0 5px;
    width: 33%;
}

.imgListRz4 li {
    display: inline-block;
    padding: 0 5px;
    width: 20%;
}

.imgListRz2, .imgListRz3, .imgListRz4, .imgListRz5{
    margin: 20px 10px;
    padding: 0;
    overflow: hidden;
}

.content > .imgListRz:first-child img {
    height: 60px;
    max-width: unset;
    overflow: hidden;
    padding: 0 .75em;
    width: auto;
}

.imgList2, .imgList3, .imgList4 {
    margin: 20px auto;
    overflow: hidden;
    padding: 0 10px;
}

    .imgList4 .regBloc {
        margin-top: 0;
    }

.imgList321 {
    margin: 0;
    max-width: 1900px;
    overflow: hidden;
    padding: 0;
}

.imgList1 a, .imgList2 a, .imgList3 a, .imgList4 a, .imgList3 div {
    background: no-repeat center 0;
    display: block;
    text-decoration: none;
}

    .imgList1 a.border, .imgList2 a.border, .imgList3 a.border, .imgList4 a.border, .imgList3 div.border, .imgListRz img.border {
        border: 1px solid #d7d9e4;
    }

.imgList3 div {
    cursor: pointer;
}

.imgList321 a {
    background: no-repeat center 0;
    border: 0;
    display: block;
    text-decoration: none;
}

.imgList1 a, .imgListRz a {
    display: block;
    overflow: hidden;
}

.imgList2 li, .imgList3 li, .imgList4 li {
    float: left;
    padding: 10px 0 0 10px;
}

.imgList321 li {
    float: left;
    margin: 10px 10px 0 0;
    padding: 0;
    width: 330px;
    width: calc(33.33% - 10px);
}

.imgList2 li:first-child, .imgList3 li:first-child, .imgList4 li:first-child {
    padding-left: 0;
}

.imgList321 li:nth-child(3) {
    margin-right: 0;
}

.imgList321 li:last-child {
    margin-right: 0;
}

.imgList2 li {
    width: 50%;
}

.imgList3 li {
    width: 33.33%;
}

.imgList4 li {
    width: 25%;
}

.imgList2 a, .imgList3 a, .imgList4 a {
    height: 200px;
}

.imgListBrand {
    overflow: hidden;
}

    .imgListBrand li {
        float: left;
        padding: 10px 0 0;
        text-align: center;
        width: 12.5%;
    }
/* Suppression de l'espacement entre un imagelister et le control suivant */
.imgListRz.imgListWithoutMarginBottom,
.imgList1.imgListWithoutMarginBottom,
.imgList2.imgListWithoutMarginBottom,
.imgList3.imgListWithoutMarginBottom,
.imgList4.imgListWithoutMarginBottom {
    margin-bottom: 0;
}

    .imgListRz.imgListWithoutMarginBottom + div,
    .imgList1.imgListWithoutMarginBottom + div,
    .imgList2.imgListWithoutMarginBottom + div,
    .imgList3.imgListWithoutMarginBottom + div,
    .imgList4.imgListWithoutMarginBottom + div {
        margin-top: 0;
    }

    .imgListRz.imgListWithoutMarginBottom + ul,
    .imgList1.imgListWithoutMarginBottom + ul,
    .imgList2.imgListWithoutMarginBottom + ul,
    .imgList3.imgListWithoutMarginBottom + ul,
    .imgList4.imgListWithoutMarginBottom + ul {
        margin-top: 0;
    }
    /* Cas spécifique entre ImageLister et Carrousel animco rempli par algorithme*/
    .imgListRz.imgListWithoutMarginBottom + div.jsPertSwCarousel .carouAnimcoContainer,
    .imgList1.imgListWithoutMarginBottom + div.jsPertSwCarousel .carouAnimcoContainer,
    .imgList2.imgListWithoutMarginBottom + div.jsPertSwCarousel .carouAnimcoContainer,
    .imgList3.imgListWithoutMarginBottom + div.jsPertSwCarousel .carouAnimcoContainer,
    .imgList4.imgListWithoutMarginBottom + div.jsPertSwCarousel .carouAnimcoContainer {
        margin-top: 0;
    }

/** 5. LEGAL NOTICE **/
.legalNotice {
    margin: 20px 0;
    padding-left: 10px;
}

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

.legalNotice a:hover {
    color: #096ec8;
    text-decoration: underline;
}

/* Css/PC/master/pro.css */
/*------------header----------------*/
html.isPro #header.testDarkHeader,
html.isPro #headerServices.headerServices,
html.isPro #header .head {
    background-color: #000000;
}

html.isPro span#itemCart,
html.isPro .newRa .carouAnimcoContainer .hideFromPro.ecoBlk.ecoSolding {
    display: none !important;
}

.head .hideFromPro, html.isPro .head .displayToPro {
    display: table-cell;
}

.head .hLogo > a.hideFromPro {
    display: inline;
}

.isPro .head .hLogo > a.hideFromPro {
    display: none;
}

html.isPro .hBskt .displayToPro,
html.isPro .testHeaderServices .hLight .hHelp .displayToPro,
html.isPro span.fOpPay12.displayToPro {
    display: inline-block;
}

html.isPro .hRightLine {
    border-right: 1px solid #4d4d4d;
    height: 36px;
}

html.isPro .hLogo {
    height: 29px;
    padding: 0;
    width: 238px;
}

html.isPro span.paImgHeaderProBack,
html.isPro .hRightLine {
    cursor: pointer;
}

html.isPro .testHeaderServices .hSearch {
    padding-left: 20px;
}

html.isPro .testHeaderServices .head {
    padding-left: 0px;
}

html.isPro .testHeaderServices .hBack {
    color: white;
    padding: 14px 0px 14px 10px;
    width: 100px;
}

html.isPro .hLogo img {
    padding: 5px 0px 0px 20px;
    background-size: 100%;
    width: 238px;
}

html.isPro .testDarkHeader .hBskt a:before,
html.isPro .testHeaderServices .hLight .hHelp .hideFromPro,
.testHeaderServices .hLight .hHelp .displayToPro,
span.fOpPay.fOpPay12.displayToPro {
    display: none;
}

html.isPro .testNewHeader .hBskt > a {
    padding-left: 8px;
}

.paImgHeaderProBack {
    float: left;
    padding: 6px 10px 0px 0px;
}

.colorProBasket {
    color: #e23a05;
}

html.isPro .headOPNew {
    background-color: #000000;
}

html.isPro .headLogoPro {
    padding-top: 5px;
}

.hLight .hHelp.displayToPro {
    display: none;
}

.hLogo > a.displayToPro {
    display: none;
}

.linkList .cdsLinkPro,
html.isPro .linkList .cdsLinkIndividual {
    display: block;
}

.linkList .cdsLinkIndividual,
html.isPro .linkList .cdsLinkPro {
    display: none;
}
/*------------footer----------------*/
html.isPro div.ftNav {
    background-color: #000000;
}

html.isPro div.bFooterCdsRatings {
    background-color: #000000;
}

html.isPro .fOpPay12 {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAAASCAYAAAAjb/CxAAAABHNCSVQICAgIfAhkiAAAB7RJREFUaEPtm3tM1lUYxx8F4SUciIomqI0kTdMEdU5NJYxaNTUv5TTNudaWf5j2BzXXuqzyD7dcS2tNt3Jqls7SvOY0jWlCpksx8DoJQ0XIWxIgF7vse9zz28Ph/H7veV94gdj7+0ve33Oec/k9n/NczrHD6bOX/qXw065X4MiYz9r1/FprciPzXmrUdQcA9WD/5NYaU7jfFliBdd3fteolKbMfjf5wEsX2iaf6iloqWH6ICpcfsmrLQtOPv0qb0z+yboM+x346lXyJsVT8TQH9OH+Lajvs7SwavPARR8+Vg8V08uNcoyyExq2cRr2f6E+d4qLpn9q/aX3yEqft4EVjKWFgD0e31+ACGf/ca+80UHXm3GUKA2X96f+/grZAwYh7jupLu59eTTDC1JlptHX0JzQx52XqOuReulFQRjszVxGMLsIXSbU3qqm6vJK+n7aOMr+YSbfLKyn5sVQFFGQA5sXdZynnhY2NdPBqoh2es6uPKphNMD6+ZS4Vby6gPk8OMMqa4MOY+OH25788rn7C2KqvVFC3oUn0+45TdN+kQVRZ8qeaK94Vf1tIqbPSKCrOR3UVNbRp4DLjx28yUKU/FNG+Gesd5ZMOzKeEh3p6WpreJvX5dBqzYnKDNpho3qLtzm9Zm+ZQ0oR+AcuYBvLrsoOUvzTHeTXjVDb5esQ6f988WU47MlY6f6ctzqSHs8c3UKXLJI7sQ09996I1YTDQq0cukt43FPA7/Nu0NrYyXoOxBSp1djoNzc6giuIbdD2/lI69t49GLZtICYN6qHECrAtbT9KAeSOU0eE97+hTflrgGOTl/eep+/Bk9R7ep2TXmUY62PPB2Lkvk3cALN3SkhS0XrJengXfCuPnh6EBMLwBzDidrcDhdylTByu4+XfT+jYJKB0M7sALKrc20nB0mFivhMpGxjThvIXb6fxXd3cl+fBC6KCwjITKbQ62UEmgdaAkTNy3DpWNjD+yizbkU+4r2/yJOe/hnRJH9Kb41O5UdaWCeo1Pcd6dW/OLY4T4kSFjbwaDlEBCBiDoOg5n71Q6/QEFUI+8sZtKc4pcZXUPJUNHhJRDX8toBBRgkbAykAwUQ8x/Y3NwsyP+PaCQjz/smOWTCTsZG4rbropO2KBZRhonGxfvngyQlGHDt5HRJ8uwSMPX9fD4GKCaP6po06C77p03Cp63ScbkSeU4dM8ggdLnaerbRsaWEoRreyavofq/al2bwLjxwBtwbiO9CzeU3gC5C0Kn6ydKVY6Cd+yhODysLLlJHTtFNDBq1uUv5JN9ecnCC9Vcr1bhpXzgYRG2SSBYZ6sBJT82G4Xc3XXXxxNig2UIdT23r1Y64ZbUwUYMo8bDIZmbjCnsZOC5b5MVscFLL6u3M8nw+LyA4nbYTNhLSqC4H+kN9fWykbEFCnL+oJJFCST2yC8YEi5UHH1rjwoLOddBm6yv56iQHZGE3OnRBsUEAMo5FYod0MH5jKkoYTJ4jN+tgMHvuKAiixJ6uAfZVgfKBI8JMv3j6l6Md1z2Gm5QSoON6dnZEyg3o5bGKfMzCaUXUKZciudnaqfPHTIANSaxs+P1JFA6PGivA2QjEwhQDBV28apLtwJt2mLyJgharPMAOgo6hwoWKBn2yXFKw2LjZE8i+2JYbGT0dXDLnyDHC6GHpHjHfbkBxW1scyi3jccGFhuZAL6/I1p26ALtnbI2mKbhNmIFWhwoaUzyS8gwzK3gAHkGykbGDShTDmWCV29vAkoWGGwqnNDZ1oCqu1VDe55ZSzcLy5oNDllYaDalBkWBnBGFchysu8WB0gsZpsQbg5PAAIDkCamq1O1W6XOTkYtou7vrlT7AhhBRB0p6PH/FCDmOtgSULUwmwwU0kb5IwtojL0Kpm89qyn8uUX+j1IxyOipkePgsCIUByHaMjlDHB7ALPsuKiI5UOVXK9CEN9KOt6fwrkEPjUEMVNFDBFiWCTehlUcLtnMufjKkoYUry9UX3agdZW8/Eet2Asik42MgEYjQ7Hl1l5ZncgIrtFadK2DhbKsu7QInDeqviBHsojAXg4DEdhqKokPH5c7Th/qUq7D72/n51g6Fz3y50p+YOSf3X8kspOt7X6PyrXQCFBQqmbK7nPtK49PxIL5t7lbv14obJqEzld30OXmVzzvOknkA8kz+gbEriNjK2QOUu2EZFG/M9xfXzosIVuU65WYZ1+Hen2Ciqr6prdOA667fFdGnvuQbXfPjWRVQXn7piBLuQ0OpnV9Afl9JV3bTgRz//sp13KOWC9lAYVDAHu265j4RFv8nACyCN10bGtHD+Dnbd5iTDPa9bBl4leX9AyU1Kjj0UB7s2MMkxeIV8Jz444Hio6IR7GgAFHQj7ouJ9ygvxg8NZnFPVV9ZR/3nDFVBzLr9Jh1/fRb3GpTgeCiEl65ceivW0mxyKJ9QcV49M1TEdGFNYZSNjA5W+q+hzkpC43aTgfpoKlA5Va1898jJceI3ohBh1p49zKP1KEMK9Y0v20wOz09XdOL7oisPflGeHqHOw6C4xzpUe9CdzKKnfdHYlz79C6XlsdTfJQ9l2EpZreytge5fPa+TNXcnTvU1z62+JrxAGqiVWuQ32EQYqNB/FFajQdBfW2lZWIPwfDEPzJUz/wfA/8HmW0lcZozAAAAAASUVORK5CYII=') no-repeat 0 center;
}
/*----------Mutualisation Pro---------*/
.priceExhibitor {
    font-size: 60%;
    margin-left: 4px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 0.1em;
}

.crossedOutPriceExhibitor {
    display: inline-block;
    text-decoration: line-through;
}

.carouAnimco.light .cPdtItem .price.displayToPro,
.cPdtItem .displayToPro.price,
.displayToPro,
html.isPro .hideFromPro,
.testHeaderServices .headerServices > div.displayToPro {
    display: none;
}

.hideFromPro, html.isPro .displayToPro {
    display: block;
}

    html.isPro .carouAnimcoContainer .cPdtItem > span.displayToPro,
    html.isPro .carouAnimco.light .cPdtItem .price.displayToPro,
    .priceExhibitorDisplay, .hideFromPro.stroken,
    html.isPro .hOverlays .hBRTPrice.price.displayToPro,
    html:not(.isPro) .hOverlays .hBRTPrice.price.hideFromPro,
    html.isPro .headerServices .displayToPro {
        display: inline-block;
    }

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

    html.isPro .displayToPro.isProStrikedPriceFontSize {
        font-size: 12px;
    }

html.isPro div.bFooterCdsRatings {
    background-color: #000000;
}

html.isPro .carouAnimco .cPdtItem .price.displayToPro{
	margin-top:14px;
}

.crSUl .displayToPro, html.isPro .crSUl .hideFromPro {
    display: none;
}

.raColTopPrdt .hideFromPro,
html.isPro .raColTopPrdt .displayToPro {
    display: inline-block;
}

.priceExhibitorInherit {
    display: inherit;
}

/*------------Panier BtoB----------------*/
html.isPro .bAssGarBlockCell select {
    width: 64px
}

html.isPro .bProductLineDescBottomQuantity select {
    padding-left: 15px;
}

html.isPro .bSummaryStrikedPrice {
    display: block;
}

html.isPro .displayToPro.isProInLinePriceFontSize {
    font-size: 25px;
}

html.isPro .displayToPro.isProLightPriceFontSize {
    font-size: 19px;
}

html.isPro .displayToPro.isProInLineStrikedPriceFontSize {
    font-size: 13px;
}
/* Css/PC/block/tooltip.css */

.icon-i {
    border: 1px solid #d7d9e4;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    color: #323232;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    margin: 0 4px; 
	position: relative;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

icon-i:hover{
    background-color: #d7d9e4;
    color: #fff;
}

.icon-i:hover span.infoToolTip {
    visibility: visible;
}

.icon-i .infoToolTip {
    background-color : #fff;
    border: 1px solid #d8d7d7;
    border-radius: 4px;
	bottom: 100%;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,.43);
    height: 30px;
    left: 50%;
    margin-left: -69px;
	padding-top: 45%;
    position: absolute;
    text-align: center;
    top: -35px;
    visibility: hidden;
    width: 170px;
    z-index: 1;
}

.icon-i .infoToolTip ::after {
    border-color: #ffffff transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}

a.ref {
    color: #1e90ff;
    font-weight:bold;
	padding-left:0em;
	text-decoration:none;
}

.toolTipVisible {
    visibility: visible;
}

.toolTipHidden{
    visibility: hidden;
}

/* Refonte tooltip avec Tippy */
/* START / Composant - Icon tooltip */
.o-icon-i {
    box-shadow: inset 0 0 0 1px #ccc;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    color: #323232;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    width: 16px;
    height: 16px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

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

    .o-icon-i:active {
        color: #096ec8;
    }

.c-mention {
    font-size: 10px;
    font-weight: 400;
    color: #878787;
    line-height: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
}

    .c-mention .o-icon-i {
        margin-left: 4px;
    }
/* END / Composant - Icon tooltip */
/* Css/PC/objects/block.css */
/* --------------------------------
File: _block.scss
Title: Block
Descr: Gestion block du site
-------------------------------- */
.o-block {
    border-radius: 4px;
    margin-bottom: 32px;
}

.o-block__header {
    margin-bottom: 16px;
}

.o-block__title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.o-block__desc {
    margin-top: 8px;
}

.o-block--white {
    background-color: #FFF;
    padding: 16px;
}

.o-block--center {
    text-align: center;
}

.o-block__content {
    border-radius: 4px;
}

.o-block__content--white {
    background-color: #FFF;
    padding: 16px;
}
/* Css/PC/master/utilities.css */

/* reset styles */
.reset {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    padding: 0;
    font-size: inherit;
}

/* Image */

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 4px;
}

/* --------------------------------
Title: flow
Descr: Gestion des alignements vertical et horizontal 
à l'aide de la technique "Lobotomized Owls"
-------------------------------- */
[class^=flow] > * {
    margin-top: 0;
    margin-bottom: 0;
}

.flow--none > * + * {
    margin-top: 0px;
}

.flow--default > * + * {
    margin-top: 16px;
}

.flow--xxs > * + * {
    margin-top: 2px;
}

.flow--xs > * + * {
    margin-top: 4px;
}

.flow--sm > * + * {
    margin-top: 8px;
}

.flow--md > * + * {
    margin-top: 16px;
}

.flow--lg > * + * {
    margin-top: 24px;
}

.flow--xl > * + * {
    margin-top: 32px;
}

.flow--xxl > * + * {
    margin-top: 48px;
}

/* --------------------------------
Title: Utilities
Descr: Classes utilitaires pour thémer rapidement
Version : 1.3186.0
-------------------------------- */
.u-flex {
    display: flex;
}

.u-flex-center {
    justify-content: center;
    align-items: center;
}

.u-flex-row\@xxl {
    flex-direction: row;
}

.u-flex-column {
    flex-direction: column;
}

.u-line-clamp--1 {
    display: block;
    display: -webkit-box;
    max-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.u-line-clamp--2 {
    display: block;
    display: -webkit-box;
    max-height: 48px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.u-line-clamp--3 {
    display: block;
    display: -webkit-box;
    max-height: 72px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*Margins utility*/

/* margin top */
.u-mt-xs {
    margin-top: 4px;
}

.u-mt-sm {
    margin-top: 8px;
}

.u-mt-md {
    margin-top: 16px;
}

.u-mt-xl {
    margin-top: 32px;
}

/* margin bottom */
.u-mb-xs {
    margin-bottom: 4px;
}

.u-mb-sm {
    margin-bottom: 8px;
}

.u-mb-md {
    margin-bottom: 16px;
}

.u-mb-xl {
    margin-bottom: 32px;
}

/* margin left */
.u-ml-xs {
    margin-left: 4px;
}

.u-ml-md {
    margin-left: 16px
}

/* margin right */
.u-mr-xs {
    margin-right: 4px;
}

.u-mr-md {
    margin-right: 16px
}

@media (min-width: 1024px) {
    .u-ml-auto\@md {
        margin-left: auto;
    }
}
/*End margins utility*/

/* padding */
.u-p-md {
    padding: 16px;
}

.u-text--body-small {
    font-size: 12px;
}

.u-height-100\% {
    height: 100%;
}

.u-order-1 {
    order: 1;
}

.u-order-2 {
    order: 2;
}

.u-order-3 {
    order: 3;
}

.u-visually-hidden {
    position: absolute;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}

.u-visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}

.u-text--body {
    font-size: 14px;
}

.u-text--business {
    color: #2bb04a;
}

/* position */
.u-position-relative {
    position: relative;
}

/* alignement text */
.u-text-center {
    text-align: center
}

/* Couleurs des icons */
/* NB : A dépacer dans un fichier à part */

.icon--promo {
    color: #e23a05;
}

.icon--business {
    color: #2bb04a;
}

.icon--cdav {
    color: #16b4f2;
}

/* taille des icons */
.icon--24 {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.icon--16 {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

/* BG color */
.u-bg--neutral-0 {
    background-color: #f2f3f5;
}

.u-color--green-500 {
    color: #2bb04a;
}

.u-m24 {
    margin: 24px;
}

.u-p24 {
    padding: 24px;
}

.u-mb24 {
    margin-bottom: 24px;
}

.u-mb16 {
    margin-bottom: 16px;
}

.u-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.u-bg--white {
    background-color: white;
}

.u-ratio {
    width: 100%;
    position: relative; /* If you want text inside of it */
}

.u-ratio::before {
    display: block;
    padding-top: 100%;
    content: "";
}

.u-ratio > * {
    background-color: transparent;
    border: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
}

.u-ratio.u-ratio-16x9::before {
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.u-ratio.u-ratio-4x3::before {
    padding-top: 75%; /* 4:3 Aspect Ratio (divide 3 by 4 = 0.75) */
}

.u-width-100\% {
    width: 100%;
}

/*Flex*/
.u-nowrap {
    white-space: nowrap;
}