/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  word-wrap: break-word;
}

p {
  line-height: normal;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type="checkbox"], input[type="radio"] {
  border: none;
}

input:active, input:focus {
  outline: 0 none;
}

/*Couleur */
/* =================== *
 * Metrics
 * =================== */
/* =================== *
 * Width helpers
 * =================== */
.w980 {
  margin: 0 auto;
  width: 980px;
}
.w980.padding {
  padding-left: 22px;
  padding-right: 22px;
  width: 936px;
}

@media only screen and (max-width: 980px) {
  .w980, .w980.padding {
    width: auto;
  }
}
.contentsized {
  margin: 0 auto;
  width: 1004px;
}
.contentsized.w980 {
  padding-right: 24px;
  width: 980px;
}

ul.socialslinks li {
  display: inline-block;
  margin-right: 7px;
}

.socialicon {
  background: url(/common/images/footer/socials_sprite.png) no-repeat 0 0;
  display: inline-block;
  height: 26px;
  text-align: left;
  text-indent: -1000em;
  width: 26px;
}
.socialicon.fb {
  background-position: 0 0;
}
.socialicon.twitter {
  background-position: 0 -26px;
}
.socialicon.pinterest {
  background-position: 0 -52px;
}
.socialicon.gplus {
  background-position: 0 -78px;
}
.socialicon.instagram {
  background-position: 0 -104px;
}
.socialicon.youtube {
  background-position: 0 -130px;
}

a, input, button, textarea {
  outline: 0 !important;
  box-shadow: 0;
}

#header #mdm {
  height: 121px;
  padding-right: 24px;
  text-align: center;
}
#header #mdm a {
  outline: 0;
  text-decoration: none;
}
#header #mdm a img {
  border: 0;
  margin-top: 18px;
}
#header #mdm a img.logo-campagne {
  margin-top: 23px;
}

#legal-content {
  color: #3c393a;
  font-size: 11px;
  margin: 0 auto;
  padding: 14px 0 20px;
  position: relative;
  text-align: center;
  z-index: 2;
}
#legal-content a {
  color: #3c393a;
  text-decoration: none;
}
#legal-content a:hover, #legal-content a:active, #legal-content a:focus {
  text-decoration: underline;
}

body {
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  font-family: 'Open Sans', Arial, sans-serif;
}

#content-new {
  box-sizing: content-box;
}

.popup-page #content-new,
.popup-page #container {
  width: 100%;
}
.popup-page #page.static {
  border: 0;
  max-width: 980px;
  margin: 0 auto;
}
.popup-page #main_statique {
  width: auto;
}

a {
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.clear,
.clearboth,
.clearfix {
  clear: both;
  display: block;
  line-height: 0;
}

#content-new {
  box-sizing: content-box;
}

#content-new,
#container {
  margin: auto;
  max-width: 1440px;
  position: relative;
  z-index: 1;
}

#bar {
  overflow: hidden;
  padding: 3px 21px 0 10px;
}

#bar {
  width: 965px;
  line-height: 40px;
  background-color: #ffffff;
  margin-top: 0px;
  padding: 5px 0px 4px 15px;
  font-size: 12px;
  color: #5f5d5b;
}
#bar #headerBanner {
  text-align: left !important;
  width: 950px;
  margin-bottom: 0px;
}
#bar #headerBanner a {
  display: block;
  width: 100%;
}
#bar #headerBanner a img {
  width: 100%;
  margin-bottom: 15px;
}
#bar #breadcrumb {
  margin-top: 0px;
  padding-left: 2px;
}
#bar a {
  color: #5f5d5b;
}
#bar a:hover, #bar a:active, #bar a:focus {
  text-decoration: underline;
}
#bar.product-page-bar {
  padding-top: 5px;
}
#bar.product-page-bar #headerBanner {
  margin-top: 10px;
}
#bar.product-page-bar #headerBanner a img {
  margin-bottom: 0px;
}

.breadcrumb {
  color: #414042;
  font-size: 14px;
  line-height: normal;
  margin: 15px 0 3px;
}
.breadcrumb a {
  color: #414042;
  font-size: 12px;
  text-decoration: none;
}
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus {
  text-decoration: underline;
}
.breadcrumb .terminator a:hover, .breadcrumb .terminator a:active, .breadcrumb .terminator a:focus {
  text-decoration: none !important;
}

#breadcrumb {
  padding: 10px 0;
}
#breadcrumb .breadcrumb {
  margin: 0;
}

#page.cmsContent {
  background-color: white;
  border-top: 2px solid #636363;
}

#cart-advantage-imgBanner {
  margin-bottom: 10px;
}

/*NoResult 20150331*/
.no-result h2 {
  margin: 20px 0 0 22px;
  font-size: 18px;
  color: #414042;
}

.one-bloc-no-result {
  display: block;
  width: 936px;
  height: 379px;
  text-align: center;
  margin: 18px auto;
  font-size: 34px;
  text-decoration: none;
}
.one-bloc-no-result div {
  background: none;
  display: inline-block;
  float: none;
  font-weight: bold;
  margin: 0 auto;
  padding: 25px 40px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.one-bloc-no-result div:before {
  background-color: rgba(60, 60, 59, 0.8);
  content: "";
  display: block;
  -webkit-filter: blur(60px);
  -moz-filter: blur(60px);
  -ms-filter: blur(60px);
  -o-filter: blur(60px);
  filter: blur(60px);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.one-bloc-no-result div span {
  color: #fff;
  display: block;
  line-height: normal;
  text-transform: uppercase;
}
.one-bloc-no-result div span + span {
  font-size: 20px;
  text-transform: uppercase;
}
.one-bloc-no-result div span:last-child {
  font-size: 20px;
}

.empty-cart-catalog-2016 {
  background: #ccc url(/images/20150331_noResult_emptyKart/img_stylesInspirations_2016.jpg) no-repeat left top;
}

.empty-cart-catalog-2017,
.empty-cart-catalog-2017-18 {
  background: #ccc url(/images/20150331_noResult_emptyKart/img_stylesInspirations_2017.jpg) no-repeat left top;
}

.one-bloc-no-result:hover {
  text-decoration: none !important;
}

.two-bloc-no-result {
  width: 936px;
  height: 260px;
  margin: 0 auto 40px auto;
}
.two-bloc-no-result .bloc-no-result {
  width: 459px;
  height: 260px;
  float: left;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-size: 20px;
}
.two-bloc-no-result .bloc-no-result-left {
  font-weight: bold;
  line-height: 32px;
  margin-right: 18px;
  background: #ccc url(/images/20150331_noResult_emptyKart/img_cahierTendances.jpg) no-repeat left top;
  text-transform: uppercase;
  overflow: hidden;
}
.two-bloc-no-result .bloc-no-result-left span.c-title {
  color: #3c3c3b;
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.two-bloc-no-result .bloc-no-result-left span.c-title:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  filter: blur(30px);
}
.two-bloc-no-result .bloc-no-result-left span.title {
  color: #3c3c3b;
  font-size: 48px;
  font-weight: bold;
  display: block;
  line-height: 45px;
  text-transform: none;
}
body.lang-it .two-bloc-no-result .bloc-no-result-left span.title, body.lang-de .two-bloc-no-result .bloc-no-result-left span.title {
  font-size: 40px;
}
.two-bloc-no-result .bloc-no-result-right {
  position: relative;
  background: #ccc url(/images/20150331_noResult_emptyKart/img_indemodables.jpg) no-repeat left top;
  font-size: 48px;
  font-weight: bold;
  overflow: hidden;
}
.two-bloc-no-result .bloc-no-result-right span.c-title {
  color: #3c3c3b;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  line-height: 1;
}
.two-bloc-no-result .bloc-no-result-right span.c-title > span {
  display: block;
  position: relative;
}
.two-bloc-no-result .bloc-no-result-right span.c-title > span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  filter: blur(30px);
}

.market-CH .banner-discount {
  margin: 15px 0 10px 15px;
  text-align: center;
  position: absolute;
}
.market-CH .banner-discount span.header-btn-close {
  background: url(/images/statique/close-2.png) no-repeat center;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 9px;
  top: 8px;
  z-index: 10;
}
.market-CH .breadcrumb {
  margin-top: 6px;
}
.market-CH #category .banner-discount {
  margin-top: 15px;
  margin-bottom: 5px;
  margin-left: 0;
  position: relative;
}
.market-CH #category .banner-discount img {
  width: 936px;
}
.market-CH #category .breadcrumb {
  margin-top: 0px;
}