@charset "UTF-8";
body[class^="sisley-beautyadvice"] h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
[debug] {
  display: none;
}
body[class^="sisley-beautyadvice"] h1,
body[class^="sisley-beautyadvice"] h2,
body[class^="sisley-beautyadvice"] h3,
body[class^="sisley-beautyadvice"] h4,
body[class^="sisley-beautyadvice"] h5,
body[class^="sisley-beautyadvice"] h6 {
  margin-top: 0;
}
.none {
  display: none;
}
.table,
.cf:after,
.row:after,
.cf:before,
.row:before {
  display: table;
}
.cell {
  display: table-cell;
}
.inlbl {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.abs {
  position: absolute;
}
.cf,
.row {
  *zoom: 1;
}
.cf:after,
.row:after,
.cf:before,
.row:before {
  content: "";
}
.cf:after,
.row:after {
  clear: both;
}
.left,
[class*="col-xs-"] {
  float: left;
}
.right {
  float: right;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
html.mac {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-osx-font-smoothing: antialiased;
}
body[class^="sisley-beautyadvice"] h1,
body[class^="sisley-beautyadvice"] h2,
body[class^="sisley-beautyadvice"] h3,
body[class^="sisley-beautyadvice"] h4,
body[class^="sisley-beautyadvice"] h5,
body[class^="sisley-beautyadvice"] h6 {
  text-rendering: optimizeLegibility;
  line-height: 1;
}
.tera {
  font-size: 117px;
  font-size: 7.3125rem;
}
.giga {
  font-size: 90px;
  font-size: 5.625rem;
}
.mega {
  font-size: 72px;
  font-size: 4.5rem;
}
.container {
  width: 96%;
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-left: -13px;
  margin-right: -13px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-left: -18px;
    margin-right: -18px;
  }
}
.container,
[class*="col-xs-"],
[class*="col-sm-"],
[class*="col-md-"],
[class*="col-lg-"] {
  min-height: 1px;
  padding-left: 13px;
  padding-right: 13px;
}
@media (min-width: 768px) {
  .container,
  [class*="col-xs-"],
  [class*="col-sm-"],
  [class*="col-md-"],
  [class*="col-lg-"] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  .container,
  [class*="col-xs-"],
  [class*="col-sm-"],
  [class*="col-md-"],
  [class*="col-lg-"] {
    padding-left: 18px;
    padding-right: 18px;
  }
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  [class*="col-sm-"] {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  [class*="col-md-"] {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  [class*="col-lg-"] {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
}
.wrapper-conseils--featured-thumbnail-container {
  width: 954px;
  margin: 0 auto;
}
.conseils--container {
  margin: 0 auto;
  width: 954px;
}
.conseils--featured-thumbnail-container {
  margin: 0 auto;
  background-size: contain;
  height: 400px;
}
.conseils--featured-thumbnail-container .conseils--featured-subtitle {
  font-weight: bold;
}
.conseils--title {
  position: relative;
  display: block;
  font-family: "Ostrich P", Times, Georgia, serif;
  font-size: 43px;
  font-weight: 400;
  letter-spacing: .15em;
  line-height: 1.33em;
  margin: .25em auto .33em auto;
  text-align: center;
  width: 100%;
}
.conseils--title a {
  cursor: default;
  display: inline-block;
  color: #4e4848;
  margin: 0 auto;
  padding-top: 55px;
  width: auto;
}
.search-mag {
  width: 170px;
  border-bottom: 2px solid #cccccc;
  margin: 0 auto 50px auto;
}
.search-mag input {
  border: none;
  -webkit-appearance: none;
  width: 130px;
  background-color: #fff;
}
.search-mag input::placeholder {
  color: #1a1a1a;
}
.search-mag input:focus::placeholder {
  color: #cccccc;
}
.search-mag input:focus {
  border: none;
  outline-width: 0;
  outline: none;
}
.search-mag button {
  background: none;
  border: none;
  color: rgba(0,0,0,0.35);
  font-size: 19px;
  padding: 2px 5px;
  display: inline-block;
  vertical-align: top;
}
body.sisley-pl .conseils--title a {
  font-family: "BentonSans_Light";
  text-transform: uppercase;
}
.conseils--title a::before {
  position: absolute;
  top: 0;
  left: -webkit-calc(47%);
  left: calc(47%);
  display: inline-block;
  background-image: url('img/s-plus-bleu.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 50px;
  margin-right: .5em;
  vertical-align: bottom;
  width: 50px;
}
.conseils--nav {
  margin: 1em auto;
  text-align: center;
  width: 100%;
}
.conseils--nav ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.conseils--nav ul li,
.conseils--nav ul h1,
.conseils--nav ul h2,
.conseils--nav ul div {
  display: inline-block;
  font-family: "Ostrich P", Times, Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: .15em;
  line-height: 1.15em;
  margin: 0;
  padding: 0;
}
.conseils--nav ul li {
  position: relative;
  font-size: 12px;
  height: 30px;
  line-height: 40px;
  padding: 0 30px;
}
.conseils--nav ul li::after {
  position: absolute;
  top: -webkit-calc(20%);
  top: calc(20%);
  right: -1px;
  background-color: #a6a6a6;
  display: block;
  content: ' ';
  height: 20px;
  width: 1px;
}
.conseils--nav ul li:last-of-type::after {
  display: none;
}
.conseils--nav ul li a {
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  height: 1.15em;
  line-height: 1.15em;
  padding-left: .15em;
}
.conseils--nav ul li a:hover {
  display: inline-block;
  border-bottom-color: #4e4848;
  color: #4e4848;
}
.conseils--nav ul li.cb--actif {
  background-color: #827f7f;
  border-right-color: #4e4848;
}
.conseils--nav ul li.cb--actif::after {
  display: none;
}
.conseils--nav ul li.cb--actif a {
  color: white;
}
.conseils--nav ul li.cb--actif a:hover {
  border-bottom: none;
}
.conseils--nav ul li:nth-of-type(2).cb--actif ~ .conseils--nav ul li::after {
  display: none;
}
.conseils--featured {
  display: block;
  background-size: contain;
  height: 400px;
  margin: 38px auto;
  width: 100%;
  overflow: hidden;
}
.conseils--featured-title {
  position: absolute;
  top: 66px;
  right: 0;
  display: block;
  background-color: #827f7f;
  box-sizing: border-box;
  color: white;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 47px;
  font-weight: 400;
  letter-spacing: .15em;
  line-height: 45px;
  height: 42px;
  padding-left: 50px;
  width: 506px;
}
.conseils--featured-title::before {
  content: '';
  height: 42px;
  position: absolute;
  left: -16px;
  top: 0;
  background-color: #827f7f;
  display: block;
  width: 16px;
}
.conseils--featured-title::after {
  position: absolute;
  top: 0;
  left: 506px;
  display: inline-block;
  background-color: #827f7f;
  content: ' ';
  height: 42px;
  width: 100vh;
}
.conseils--featured-title.chrome {
  line-height: 51px;
}
.conseils--featured-container {
  position: absolute;
  top: 108px;
  right: 0;
  background-color: rgba(255,255,255,0.85);
  padding-top: 73px;
  width: 508px;
}
.conseils--featured-container .conseils--featured-subtitle {
  position: absolute;
  top: 17px;
  left: 0;
  background-color: #ebebeb;
  color: #4e4848;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: .15em;
  line-height: 25px;
  height: 21px;
  padding: 0 35px;
  width: 438px;
  font-weight: bold;
}
.conseils--decouvrir {
  position: relative;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  margin: 35px auto 85px;
  width: 100%;
}
.conseils--decouvrir::before {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e6e6e6;
  box-sizing: border-box;
  content: ' ';
  height: 36px;
  width: 36px;
  z-index: 100;
}
.conseils--decouvrir::after {
  position: absolute;
  top: 0;
  right: 0;
  content: ' ';
  border-top: 37px solid white;
  border-left: 37px solid transparent;
  height: 0;
  margin-top: -1px;
  margin-right: -1px;
  width: 0;
  z-index: 150;
}
.sisley-cz .conseils--decouvrir-title {
  font-family: "BentonSans_Light", Times, Georgia, serif;
  text-transform: uppercase;
}
.conseils--decouvrir-title {
  display: block;
  background-color: #fafafa;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  height: 36px;
  letter-spacing: .25em;
  line-height: 38px;
  margin: 0 auto;
  padding: 0 22px;
}
.conseils--decouvrir-article {
  position: relative;
  display: block;
  margin: 22px;
  min-height: 119px;
}
.conseils--decouvrir-article a {
  display: block;
  height: 100%;
  padding-left: 141px;
  padding-bottom: -webkit-calc(25.85px);
  padding-bottom: calc(25.85px);
  width: auto;
}
.conseils--decouvrir-article img {
  position: absolute;
  top: 0;
  left: 0;
  height: 119px;
  width: 119px;
}
.conseils--decouvrir-article .conseils--decouvrir-article-title {
  color: #4e4848;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1.33em;
  text-transform: uppercase;
}
.conseils--decouvrir-article .conseils--decouvrir-article-title:hover {
  color: black;
  text-decoration: underline;
}
.conseils--decouvrir-article time,
.conseils--decouvrir-article p {
  color: #909090;
  font-size: 12px;
  line-height: 1.5em;
  max-width: 500px;
}
.conseils--decouvrir-article p {
  margin-top: .85em;
}
.conseils--featured-container .conseils--decouvrir-article p {
  color: #4e4949;
}
.conseils--decouvrir-article .conseils--decouvrir-readnext {
  position: absolute;
  right: 0;
  display: inline-block;
  background-color: #ebebeb;
  color: #4e4848;
  font-size: 12px;
  height: 25px;
  letter-spacing: .033em;
  line-height: 25px;
  margin-top: .85em;
  padding: 0 1.5em;
  width: auto;
  bottom: 2px;
}
.conseils--decouvrir-article .conseils--decouvrir-readnext:hover {
  background-color: #e0e0e0;
}
.conseils--featured-container .conseils--decouvrir-article {
  margin-top: 0;
  padding: 0;
}
.conseils--featured-container .conseils--decouvrir-article:hover .conseils--decouvrir-article-title {
  color: #656161;
}
.conseils--featured-container .conseils--decouvrir-readnext {
  background-color: transparent;
  border: 1px solid #4e4848;
}
.conseils--featured-container .conseils--decouvrir-readnext:hover {
  background-color: #e0e0e0;
  border-color: transparent;
  color: #4e4848;
}
.conseils--aside,
.conseils--central {
  display: inline-block;
  vertical-align: top;
}
.conseils--aside {
  width: 360px;
}
.conseils--aside .conseils--aside-container {
  position: relative;
  border: 1px solid #d9d9d9;
  font-size: 0;
  margin-bottom: 30px;
  padding: 20px;
  padding-top: 84px;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-title {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 33px;
  font-weight: 400;
  height: 34px;
  letter-spacing: .15em;
  line-height: 38px;
  text-align: center;
  width: 320px;
}
.conseils--aside .conseils--aside-container .conseils--aside-title a {
  color: white;
}
.conseils--aside .conseils--aside-container .conseils--aside-title.blue {
  background-color: #7b889f;
}
.conseils--aside .conseils--aside-container .conseils--aside-title.blue::before {
  background-color: #7b889f;
}
.conseils--aside .conseils--aside-container .conseils--aside-title.green {
  background-color: #9bbd98;
}
.conseils--aside .conseils--aside-container .conseils--aside-title.green::before {
  background-color: #9bbd98;
}
.conseils--aside .conseils--aside-container .conseils--aside-title::before {
  position: absolute;
  top: 0;
  right: 320px;
  display: block;
  content: ' ';
  height: 34px;
  width: 100vw;
}
.conseils--aside .conseils--aside-container .conseils--aside-list {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -30px;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li {
  display: inline-block;
  margin-top: 30px;
  min-height: 295px;
  vertical-align: top;
  width: -webkit-calc(40%);
  width: calc(40%);
}
.conseils--aside .conseils--aside-container .conseils--aside-list li:nth-of-type(odd) {
  margin-right: 20px;
}
.conseils--aside-container .conseils--aside-blocklinks:first-of-type {
  margin-right: 20px;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-subtitle {
  color: #4e4848;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .033em;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-subtitle > a {
  color: inherit;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-subtitle > a:hover {
  color: black;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseil--aside-sqthumbnail {
  display: block;
  height: auto;
  margin: 15px auto;
  overflow: hidden;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseil--aside-sqthumbnail:hover img {
  opacity: .66;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseil--aside-sqthumbnail img {
  height: auto;
  transition: all 1s;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li p {
  margin: 15px auto;
  text-transform: uppercase;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li p > a {
  color: #909090;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li p > a:hover {
  color: #4e4848;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-readnext {
  position: absolute;
  bottom: 0;
  display: block;
  background-color: #ebebeb !important;
  color: #4e4848;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: .5em;
  text-align: center;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-readnext:hover {
  background-color: #e0e0e0 !important;
}
.conseils--aside .conseils--aside-container .conseils--aside-list li .conseils--aside-readnext > a {
  display: block;
  color: #4e4848;
  height: 100%;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-thumbnail {
  display: block;
  height: auto;
  margin: 20px auto;
  width: 100%;
}
.conseils--aside .conseils--aside-container p {
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
}
.conseils--aside .conseils--aside-container .conseils--aside-blocklinks {
  display: inline-block;
  background-color: #ebebeb !important;
  box-sizing: border-box;
  color: #4e4848;
  font-size: 12px;
  font-weight: 400;
  padding: .5em;
  text-align: center;
  width: 149px;
}
.conseils--aside .conseils--aside-container .conseils--aside-blocklinks:nth-of-type(even) {
  margin-right: 20px;
}
.conseils--aside .conseils--aside-container .conseils--aside-blocklinks:hover {
  background-color: #e0e0e0 !important;
}
.conseils--aside .conseils--aside-container .conseils--aside-btn-large {
  display: block;
  border: 1px solid #d9d9d9;
  color: #909090;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  height: 43px;
  letter-spacing: .15em;
  line-height: 35px;
  margin: 20px auto 0 auto;
  padding: 5px 10px;
  text-align: center;
  width: 100%;
}
.conseils--aside .conseils--aside-container .conseils--aside-btn-large:hover {
  border: 1px solid #656161;
  background-color: #fafafa;
  color: #4e4848;
}
.conseils--central {
  padding-left: 85px;
  width: 590px;
}
.conseils--central .conseils--central-title {
  background: #ebebeb;
  color: #4e4848;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 23px;
  height: 23px;
  letter-spacing: .15em;
  line-height: 27px;
  padding: 0 35px;
  width: 100%;
  font-weight: 400;
}
.conseils--central .conseils--decouvrir-article {
  margin-top: 40px;
  min-height: 190px;
  padding-left: 180px;
}
.conseils--central .conseils--decouvrir-article:hover .conseils--decouvrir-article-title {
  color: #656161;
}
.conseils--central .conseils--decouvrir-article img {
  left: -20px;
  height: auto;
  width: 180px;
}
.conseils--central .conseils--decouvrir-article .conseils--decouvrir-readnext {
  background-color: transparent;
  border: 1px solid #4e4848;
}
.conseils--central .conseils--decouvrir-article .conseils--decouvrir-readnext:hover {
  background-color: #e0e0e0;
  border-color: transparent;
  color: #4e4848;
}
.conseils--btn-large {
  display: inline-block;
  border: 1px solid #d9d9d9;
  color: #909090;
  font-family: "Ostrich Sans", Times, Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  height: 43px;
  letter-spacing: .15em;
  line-height: 35px;
  margin: 20px auto 0 auto;
  padding: 5px 1em;
  text-align: center;
}
.conseils--btn-large:hover {
  border: 1px solid #656161;
  background-color: #fafafa;
  color: #4e4848;
}
.conseils--btn-magazine {
  position: absolute;
  bottom: 25px;
  left: 360px;
  display: block;
  box-sizing: border-box;
  padding-left: 85px;
  text-align: center;
  width: 591px;
}
.cb--container.m40 {
  margin: 40px auto;
}
.cb--container {
  transform: none !important;
  transition: all .2s;
  margin: 50px auto;
  max-width: 1000px;
  position: relative;
}
@media only screen and (max-width: 1157px) {
  .cb--container {
    padding: 0 15px;
  }
}
.cb--container *,
.conseils--featured,
.wrapper-conseils--featured-thumbnail-container,
.conseils--container,
.conseils--container * {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cb--container > .cb--content-subtitle {
  color: #4e4848;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: .033em;
  line-height: 1.5em;
  margin-top: 35px;
  padding-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
.cb--container > .cb--content-large {
  color: #4e4848;
  font-size: 12px;
  line-height: 1.5em;
  text-align: center;
  width: 100%;
}
.cb--container > .cb--content-large a {
  color: #4e4848;
  text-decoration: underline;
}
.cb--container > .cb--content-large a:hover {
  color: black;
}
.cb--back {
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: .33em;
  color: #4e4848;
  font-size: 12px;
  padding: 5px 20px;
  text-align: center;
}
.cb--back::before {
  display: inline-block;
  content: '<';
  margin-right: 7px;
}
.cb--back:hover {
  background-color: #e0e0e0;
  color: #4e4848;
}
.cb--content-header {
  margin: 3em auto;
}
.cb--content-header .cb--content-title {
  display: block;
  color: #4e4848;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: .3em;
  line-height: 1.15em;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.cb--content-header .cb--content-time {
  display: block;
  color: #909090;
  font-size: 14px;
  letter-spacing: .25em;
  margin-top: .66em;
  text-align: center;
}
.cb--content-header .cb--content-chapo {
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 18px;
  font-style: italic;
  margin: 1em auto 0 auto;
  max-width: 750px;
  text-align: center;
}
.cb--content-thumbnail {
  display: block;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  width: 100%;
}
.cb--content-thumbnail-basic {
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  height: 350px;
  width: 100%;
}
.cb--content-thumbnail-basic.cover {
  background-size: cover;
}
.cb--featured-images {
  height: 400px;
  margin: 30px auto 50px auto;
}
.cb--content-step {
  position: relative;
  display: block;
  box-sizing: border-box;
  min-height: 330px;
  width: 100%;
  margin-bottom: 60px;
}
.cb--content-step:first-of-type {
  margin-top: 70px;
}
.cb--content-step:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 240px;
  background: #d9d9d9;
}
.cb--content-step.no-right-article:before {
  display: none;
}
.cb--col-center {
  float: left;
  width: 250px;
  margin-left: 40px;
  font-size: 12px;
  text-align: justify;
  line-height: 15px;
}
.cb--content-step .cb--content-step-picture {
  float: left;
  display: block;
  width: 430px;
  height: auto;
}
.cb--content-step .cb--content-title {
  display: block;
  color: #4e4848;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 28px;
  margin-bottom: 10px;
  text-transform: uppercase;
  text-align: left;
}
.cb--content-step .cb--content-subtitle {
  display: block;
  color: #4e4848;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 2em;
  text-align: left;
  text-transform: uppercase;
  line-height: 18px !important;
}
.cb--content-step .cb--content-text {
  color: #4e4848;
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  text-align: justify;
}
.cb--content-step .cb--asideproduct {
  float: right;
}
.cb--asideproduct {
  box-sizing: border-box;
  padding-left: 30px;
  width: 250px;
}
.cb--asideproduct a {
  display: block;
  z-index: 20;
}
.cb--asideproduct .cb--asideproduct-picture {
  display: block;
  margin: 0 auto;
  height: auto;
  width: 85%;
}
.cb--asideproduct .cb--asideproduct-title {
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  min-height: 66px;
  margin: 10px auto 0;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
.cb--asideproduct .cb--asideproduct-desc {
  color: #958d8d;
  font-size: 12px;
  height: 28px;
  line-height: 15px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}
.cb--asideproduct .cb--asideproduct-price {
  margin: 1.5em auto 0;
  text-align: center;
}
.cb--asideproduct .cb--asideproduct-price .price {
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 13px;
  line-height: 1.5em;
}
.cb--asideproduct .cb--asideproduct-link {
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: .33em;
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 12px;
  font-style: italic;
  margin: 10px auto;
  padding: 5px 7px;
  width: 120px;
  text-align: center;
}
.cb--asideproduct .cb--asideproduct-link::after {
  display: inline-block;
  background-image: url('svg/triangle.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: ' ';
  height: 6px;
  margin-left: 5px;
  width: 6px;
}
.cb--asideproduct .cb--asideproduct-link:first-of-type {
  margin-left: 0;
}
.cb--asideproduct .cb--asideproduct-link:hover {
  background-color: #e9e9e9;
  border-color: #e9e9e9;
  color: #4e4848;
}
.cb--asideproduct .cb--asideproduct-buylink {
  background-color: #4e4848;
  border: 1px solid #4e4848;
  color: white;
}
.cb--asideproduct .cb--asideproduct-buylink::after {
  background-image: url('svg/triangle-blanc.svg');
}
.cb--asideproduct .cb--asideproduct-buylink:hover {
  background-color: #837D7F;
  border-color: #837D7F;
  color: white;
}
.cb--asideproduct .cb--asideproduct-buylink:hover::after {
  background-image: url('svg/triangle-blanc.svg');
}
.cb--interstitiel {
  position: relative;
  display: block;
  border: 6px solid #e6e6e6;
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 17px;
  margin: 85px auto 50px auto;
  padding: 50px;
  text-align: center;
}
.cb--interstitiel::before {
  position: absolute;
  top: -6px;
  left: -webkit-calc(-25%);
  left: calc(-25%);
  display: block;
  background-color: white;
  content: ' ';
  height: 6px;
  width: 150px;
}
.cb--interstitiel::after {
  position: absolute;
  top: -30px;
  left: -webkit-calc(25%);
  left: calc(25%);
  display: block;
  background-image: url('img/s-plus-noir.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: ' ';
  height: 60px;
  width: 60px;
}
.cb--interstitiel .cb--interstitiel-titre {
  font-weight: 400;
  margin: 20px;
  text-align: center;
  text-transform: uppercase;
}
.cb--interstitiel .cb--interstitiel-text {
  font-style: italic;
  margin: 1.5em auto 0 auto;
  max-width: 750px;
}
.cb--separator {
  background-image: url('svg/separator.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 41px;
  margin: 50px auto 75px auto;
  width: 100%;
}
.cb--usedproducts {
  margin: 70px auto 100px auto;
  width: 100%;
}
.cb--usedproducts .cb-usedproducts-header {
  margin-bottom: 50px;
  text-align: center;
}
.cb--usedproducts .cb-usedproducts-header::after {
  display: block;
  border-top: 1px solid #d9d9d9;
  content: ' ';
  margin-top: -2.75em;
  width: 100%;
  z-index: 0;
}
.cb--usedproducts .cb--usedproducts-title {
  display: inline-block;
  background-color: white;
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: .05em;
  margin: 0 20px 18px;
  padding: 0 0 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 100;
}
.cb--usedproducts .cb--usedproducts-title span {
  padding: 0 15px;
}
.cb--usedproducts .cb-usedproducts-list {
  display: block;
  font-size: 0;
  width: 100%;
}
.cb--usedproducts .cb-usedproducts-list .cb--asideproduct {
  display: inline-block;
  border: none;
  box-sizing: border-box;
  font-size: 12px;
  padding: 30px 10px 0 10px;
  width: 25%;
  vertical-align: top;
}
.cb--clearfix {
  clear: both;
}
.cb--comments-form {
  background-color: #f1f1f1;
  margin: 70px auto 25px auto;
  padding: 30px 60px;
  text-align: center;
  width: auto;
}
.cb--comments-form .cb--comments-form-title {
  display: inline-block;
  border-bottom: 1px solid #d9d9d9;
  color: #4e4848;
  font-family: 'Times New Roman';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0 auto 20px auto;
  padding: 0 1em;
  text-align: center;
  text-transform: uppercase;
}
.cb--comments-form .cb--comments-form-user,
.cb--comments-form .cb--comments-form-non-connecte {
  color: #4e4848;
  font-family: 'Times New Roman';
  font-size: 18px;
  font-style: italic;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-align: left;
  width: 100%;
}
.cb--comments-form .cb--comments-form-user a,
.cb--comments-form .cb--comments-form-non-connecte a {
  color: #909090;
  font-family: 'Arial';
  font-size: 12px;
  font-style: normal;
  text-decoration: none;
  transition: all .2s;
}
.cb--comments-form .cb--comments-form-user a:hover,
.cb--comments-form .cb--comments-form-non-connecte a:hover {
  color: #4e4848;
  text-decoration: underline;
}
.cb--comments-form .cb--comments-form-non-connecte {
  margin-top: 30px;
  text-align: center;
}
.cb--comments-form .cb--comments-form-bouton {
  display: inline-block;
  background-color: #4e4848;
  border-radius: .33em;
  color: white;
  font-family: 'Times New Roman';
  font-size: 18px;
  font-style: italic;
  margin: 30px auto 50px auto;
  padding: .2em 1em;
}
.cb--comments-form .cb--comments-form-bouton::before {
  display: inline-block;
  background: url('svg/triangle-blanc.svg') center center no-repeat;
  background-size: contain;
  content: ' ';
  height: 8px;
  margin-right: 5px;
  vertical-align: 2px;
  width: 8px;
}
.cb--comments-form .cb--comments-form-bouton:hover {
  background-color: #909090;
}
.cb--comments-form .cb--comments-form-textarea {
  display: block;
  border: none;
  box-sizing: border-box;
  font-size: 16px;
  height: 250px;
  margin: 1em auto 30px auto;
  padding: .33em;
  width: 100%;
}
.cb--comments-form .cb-comments-form-submit {
  position: relative;
  display: inline;
  box-sizing: border-box;
}
.cb--comments-form .cb-comments-form-submit input {
  background-color: #4e4848;
  border: 1px solid #4e4848;
  border-radius: 0.25em;
  color: white;
  font-family: 'Times New Roman';
  font-size: 18px;
  font-style: italic;
  padding: 5px 1em 5px 32px;
  -webkit-appearance: none;
}
.cb--comments-form .cb-comments-form-submit:hover input {
  background-color: #909090;
  border-color: #909090;
}
.cb--comments-form .cb-comments-form-submit::before {
  position: absolute;
  top: -webkit-calc(50% - 6px);
  top: calc(50% - 6px);
  left: 12px;
  display: inline-block;
  background: url('svg/triangle-blanc.svg') center center no-repeat;
  background-size: contain;
  content: ' ';
  height: 8px;
  margin-left: 5px;
  width: 8px;
  z-index: 100;
}
.cb--comments-form .advice-error {
  margin-bottom: 10px;
}
.cb--comments-list {
  display: block;
  width: 100%;
}
.cb--comments-list .cb--comment {
  display: block;
  border: 5px solid white;
  box-sizing: border-box;
  padding: 35px 60px;
}
.cb--comments-list .cb--comment .cb--comment-author {
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.5em;
}
.cb--comments-list .cb--comment .cb--comment-time {
  display: block;
  color: #909090;
  font-size: 12px;
  line-height: 1.5em;
  margin: 1em auto;
}
.cb--comments-list .cb--comment p {
  color: #4f4949;
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 1em;
}
.cb--comments-list .cb--comment-team {
  border: 5px solid #ebebeb;
}
.cb--content {
  margin: 70px auto;
  text-align: center;
  width: 100%;
}
.cb--content .cb--content-title {
  color: #4e4848;
  font-size: 25px;
  font-weight: 400;
  letter-spacing: .033em;
}
.cb--content p {
  font-size: 12px;
  margin: 1em auto;
  max-width: 750px;
}
.cb--content p a {
  display: inline-block;
  text-decoration: underline;
}
.cb--content p a:hover {
  border-bottom-color: #ebebeb;
}
.cb--share-icon {
  position: absolute;
  top: -7px;
  right: 0;
  border: 1px solid #958d8d;
  border-radius: 50%;
  height: 40px;
  padding: 9px 10px 11px 10px;
  transition: all .2s;
  width: 40px;
}
.cb--share-icon.cb--sans-decalage {
  top: -10px;
}
.cb--share-icon svg {
  height: 20px;
  transition: all .2s;
  width: 20px;
}
.cb--share-icon svg path {
  fill: #958d8d;
  transition: all .2s;
}
.cb--share-icon:hover {
  border-color: black;
}
.cb--share-icon:hover svg path {
  fill: black;
}
.cb--share-icon:hover .cb--share-list {
  opacity: 1;
  pointer-events: all;
}
.cb--share-icon .cb--share-list {
  position: absolute;
  top: -1px;
  right: 20px;
  display: none;
  display: block !important;
  background-color: transparent;
  opacity: 0;
  padding-right: -webkit-calc(2em);
  padding-right: calc(2em);
  pointer-events: none;
  text-align: right;
  transition: all .2s;
  width: 150px;
}
.cb--share-icon .cb--share-list a {
  display: inline-block;
  border: 1px solid #909090;
  border-radius: 50%;
  margin: 0 0 0 1em;
  padding: 10px;
  height: 40px;
  width: 40px;
}
.cb--share-icon .cb--share-list a svg {
  height: 19px;
  transition: all .2s;
  width: 19px;
}
.cb--share-icon .cb--share-list a svg path {
  fill: #958d8d;
  transition: all .2s;
}
.cb--share-icon .cb--share-list a:hover {
  border-color: black;
}
.cb--share-icon .cb--share-list a:hover svg path {
  fill: black;
}
.cb--font-null {
  display: block;
  padding-top: 25px;
}
.cb--asidenav,
.cb--solution {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.cb--asidenav {
  margin-right: 20px;
  width: 270px;
}
.cb--asidenav .cb--asidenav-title {
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 0;
  text-transform: uppercase;
}
.cb--asidenav .cb--asidenav-title:first-of-type {
  margin-top: 0;
}
.cb--asidenav .cb--asidenav-subtitle {
  color: #909090;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding: 0;
}
.cb--asidenav .cb--asidenav-list {
  display: block;
  list-style: none;
  margin: 0 auto 20px;
}
.cb--asidenav .cb--asidenav-list a {
  color: #909090;
}
.cb--asidenav .cb--asidenav-list a:hover {
  color: #4e4848;
  text-decoration: underline;
}
.cb--asidenav .cb--asidenav-list a.cb--actif {
  color: #4e4848;
}
.cb--asidenav .cb--asidenav-list a.cb--actif:hover {
  text-decoration: underline;
}
.cb--solution {
  width: 710px;
}
.cb--solution .cb--solution-title {
  border-bottom: 1px solid #d9d9d9;
  color: #4e4848;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 40px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}
.cb--solution #products_recommended_solution {
  width: 100%;
}
.cb--categories-list {
  display: table;
  margin-bottom: 55px;
  table-layout: fixed;
  width: 100%;
}
.cb--categories-list li {
  position: relative;
  display: table-cell;
  color: #909090;
  font-size: 12px;
  letter-spacing: .015em;
  line-height: 1.5em;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}
.cb--categories-list li a[data-categorie=all]::before {
  background-image: url('img/home.png');
}
.cb--categories-list li a[data-categorie=all]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=all]::before {
  background-image: url('img/home-hover.png');
}
.cb--categories-list li a[data-categorie=soin]::before {
  background-image: url('img/soin.png');
}
.cb--categories-list li a[data-categorie=soin]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=soin]::before {
  background-image: url('img/soin-hover.png');
}
.cb--categories-list li a[data-categorie=skincare]::before {
  background-image: url('img/soin.png');
}
.cb--categories-list li a[data-categorie=skincare]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=skincare]::before {
  background-image: url('img/soin-hover.png');
}
.cb--categories-list li a[data-categorie=maquillage]::before {
  background-image: url('img/maquillage.png');
}
.cb--categories-list li a[data-categorie=maquillage]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=maquillage]::before {
  background-image: url('img/maquillage-hover.png');
}
.cb--categories-list li a[data-categorie=makeup]::before {
  background-image: url('img/maquillage.png');
}
.cb--categories-list li a[data-categorie=makeup]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=makeup]::before {
  background-image: url('img/maquillage-hover.png');
}
.cb--categories-list li a[data-categorie=parfum]::before {
  background-image: url('img/parfum.png');
}
.cb--categories-list li a[data-categorie=parfum]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=parfum]::before {
  background-image: url('img/parfum-hover.png');
}
.cb--categories-list li a[data-categorie=fragrance]::before {
  background-image: url('img/parfum.png');
}
.cb--categories-list li a[data-categorie=fragrance]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=fragrance]::before {
  background-image: url('img/parfum-hover.png');
}
.cb--categories-list li a[data-categorie=sisley]::before {
  background-image: url('img/sisley.png');
}
.cb--categories-list li a[data-categorie=soin-hr]::before {
  background-image: url('img/soin-hr.png');
}
.cb--categories-list li a[data-categorie=soin-hr]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=soin-hr]::before {
  background-image: url('img/soin-hr-hover.png');
}
.cb--categories-list li a[data-categorie=inspiration-hr]::before {
  background-image: url('img/inspiration-hr.png');
}
.cb--categories-list li a[data-categorie=inspiration-hr]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=inspiration-hr]::before {
  background-image: url('img/inspiration-hr-hover.png');
}
.cb--categories-list li a[data-categorie=tuto-hr]::before {
  background-image: url('img/tuto-hr.png');
}
.cb--categories-list li a[data-categorie=tuto-hr]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=tuto-hr]::before {
  background-image: url('img/tuto-hr-hover.png');
}
.cb--categories-list li a[data-categorie=sisley]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=sisley]::before {
  background-image: url('img/sisley-hover.png');
}
.cb--categories-list li a[data-categorie=looks]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/looks-off.jpg');
}
.cb--categories-list li a[data-categorie=looks]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=sisley]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/looks-on.jpg');
}
.cb--categories-list li a[data-categorie=complexion]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/complexion-off.jpg');
}
.cb--categories-list li a[data-categorie=complexion]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=sisley]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/complexion-on.jpg');
}
.cb--categories-list li a[data-categorie=eyes]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/eyes-off.jpg');
}
.cb--categories-list li a[data-categorie=eyes]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=sisley]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/eyes-on.jpg');
}
.cb--categories-list li a[data-categorie=lips]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/lips-off.jpg');
}
.cb--categories-list li a[data-categorie=lips]:hover::before,
.cb--categories-list li.cb-selected a[data-categorie=sisley]::before {
  background-image: url('../../../images_new/beautyadvice/makeup-tuto/categories-icons/lips-on.jpg');
}
.cb--categories-list li.cb--selected {
  pointer-events: none;
}
.cb--categories-list li.cb--selected a {
  color: #4e4848;
}
.cb--categories-list li.cb--selected a::before {
  border-color: #4e4848;
}
.cb--categories-list li.cb--selected[data-categorie=all] a::before {
  background-image: url('img/home-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=soin] a::before {
  background-image: url('img/soin-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=maquillage] a::before {
  background-image: url('img/maquillage-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=parfum] a::before {
  background-image: url('img/parfum-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=sisley] a::before {
  background-image: url('img/sisley-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=soin-hr] a::before {
  background-image: url('img/soin-hr-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=inpisration-hr] a::before {
  background-image: url('img/inspiration-hr-hover.png');
}
.cb--categories-list li.cb--selected[data-categorie=tuto-hr] a::before {
  background-image: url('img/tuto-hr-hover.png');
}
.cb--categories-list li a {
  color: #909090;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 100%;
  outline: medium none;
  padding-top: 85px;
  position: relative;
  text-align: center;
  transition: all 0.2s ease 0s;
}
.cb--categories-list li a::before {
  left: 50%;
  margin-left: -35px;
  position: absolute;
  top: 0;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #909090;
  border-radius: 50%;
  content: ' ';
  height: 70px;
  transition: all .2s;
  width: 70px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(.9);
  transform: scale(.9);
  background-size: 44px 44px;
}
.cb--categories-list li a:hover {
  color: black;
}
.cb--categories-list li a:hover::before {
  border-color: black;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.cb--content-list {
  position: relative;
  display: block;
  font-size: 0;
  overflow: hidden;
  width: 100%;
}
.bloc-magazine-list {
  width: 100% !important;
  max-width: 100% !important;
}
.bloc-magazine-list .cb--content-list {
  text-align: center;
}
.bloc-magazine-list .cb--content-list #cb--masonry-container {
  margin: auto;
}
.cb--content-list .cb--masonry-container {
  position: relative;
  vertical-align: bottom;
}
.cb--content-list .cb--content-title {
  position: absolute;
  top: 20px;
  left: -20px;
  display: block;
  background-color: #ebebeb;
  color: #4e4848;
  font-size: 23px;
  height: 21px;
  letter-spacing: .33em;
  line-height: 24px;
  padding: 0 35px;
  z-index: 1500;
}
.cb--content-list .cb--content-element {
  display: block;
  float: left;
  box-sizing: border-box;
  font-size: 12px;
  margin: 0 0 70px 0;
  padding: 0 20px;
  text-align: center;
  width: 333px;
  z-index: 1100;
}
.cb--content-list .cb--content-element:nth-of-type(3n) {
  margin-right: 0;
}
.cb--content-list .cb--content-element .cb--content-element-thumbnail {
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.cb--content-list .cb--content-element .cb--content-element-thumbnail img {
  display: block;
  height: auto;
  -webkit-transition: all 1s;
  -ms-transition: all 1s;
  transition: all 1s;
  width: 100%;
}
.cb--content-list .cb--content-element:hover .cb--content-element-thumbnail img {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.cb--content-list .cb--content-element:hover .cb--content-element-extract {
  color: #4e4848;
}
.cb--content-list .cb--content-element:hover .cb--content-element-title {
  color: #656161;
}
.cb--content-list .cb--content-element .cb--content-element-title {
  display: block;
  color: #4e4848;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .15em;
  line-height: 1.25em;
  margin: 20px auto 10px auto;
  text-align: center;
  text-transform: uppercase;
}
.cb--content-list .cb--content-element .cb--content-element-title:hover {
  text-decoration: underline;
}
.cb--content-list .cb--content-element .cb--content-element-time {
  display: block;
  color: #909090;
  font-size: 12px;
  text-align: center;
}
.cb--content-list .cb--content-element .cb--content-element-extract {
  color: #909090;
  font-size: 12px;
  margin: 1.5em auto 0 auto;
  line-height: 1.5em;
  text-align: center;
  max-width: 82%;
  transition: all .2s;
}
.cb--content-list .cb--content-element .cb--readnext {
  display: inline-block;
  border: 1px solid #d9d9d9;
  color: #4e4848;
  font-size: 12px;
  margin: 1.5em auto;
  padding: 5px 20px;
}
.cb--content-list .cb--content-element .cb--readnext:hover {
  background-color: #e0e0e0;
}
.cb--ctr {
  text-align: center;
}
.cb--voirplus {
  display: inline-block;
  background-color: #4e4848;
  border: 1px solid #d9d9d9;
  color: white;
  font-size: 12px;
  margin: 1.5em auto;
  padding: 10px 25px;
  transition: all .2s;
}
.cb--voirplus:hover {
  background-color: #909090;
}
.cb--home-element {
  position: relative;
  padding-top: 260px;
}
.cb--home-element.le-soin {
  min-height: 462px;
  padding-top: 260px;
}
.cb--home-element.le-soin .cb--home-element-title-container {
  top: 100px;
}
.cb--home-element.maquillage {
  min-height: 293px;
  padding-top: 60px;
  margin-top: 150px;
}
.cb--home-element.maquillage .cb--home-element-title-container {
  top: -80px;
}
.cb--home-element.soin-solaire {
  min-height: 352px;
  padding-top: 200px;
  margin-top: 70px;
}
.cb--home-element.soin-solaire .cb--home-element-title-container {
  top: 50px;
}
.cb--home-element.soin-homme {
  min-height: 241px;
  padding-top: 50px;
  margin-top: 145px;
}
.cb--home-element.soin-homme .cb--home-element-title-container {
  top: -87px;
}
.cb--home-element:nth-of-type(1) {
  padding-left: 385px;
}
.cb--home-element:nth-of-type(2) {
  padding-right: 630px;
}
.cb--home-element:nth-of-type(2) .cb--home-element-thumbnail-container {
  height: 293px;
  width: 603px;
}
.cb--home-element:nth-of-type(3) {
  padding-left: 530px;
}
.cb--home-element:nth-of-type(3) .cb--home-element-thumbnail-container {
  height: 352px;
  width: 502px;
}
.cb--home-element:nth-of-type(4) {
  padding-right: 544px;
}
.cb--home-element:nth-of-type(4) .cb--home-element-thumbnail-container {
  height: 241px;
  width: 521px;
}
.cb--home-element.cb--home-element-diagnostics {
  padding-right: 626px;
  text-align: right;
}
.cb--home-element.cb--home-element-diagnostics .cb--home-element-thumbnail-container {
  left: auto;
  right: 0;
  height: 293px;
  width: 603px;
}
.cb--home-element:nth-of-type(even) {
  text-align: right;
}
.cb--home-element:nth-of-type(even) .cb--home-element-thumbnail-container {
  left: auto;
  right: 0;
}
.cb--home-element:last-of-type .cb--home-element-thumbnail-container {
  bottom: 6em;
}
.cb--home-element .cb--home-element-thumbnail-container {
  position: absolute;
  top: 0;
  left: 0;
}
.cb--home-element .cb--home-element-title-container {
  position: absolute;
  left: 0;
}
.cb--home-element .cb--home-element-title-container,
.cb--home-element .cb--home-element-title {
  color: #4e4848;
  font-family: "Ostrich P", Times, Georgia, serif;
  font-size: 90px;
  font-weight: 200;
  letter-spacing: .15em;
  line-height: 119px;
  height: 110px;
  pointer-events: none;
  text-align: right;
  text-shadow: 0 0 .5em white;
  width: 100%;
}
.cb--home-element .cb--home-element-subtitle {
  color: #909090;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  margin: 0;
  padding-bottom: 20px;
}
.cb--home-element .cb--liste-liens {
  color: #4e4848;
  font-size: 14px;
  line-height: 1.5em;
  list-style: none;
  margin: 0 0 35px 0;
  padding: 0;
  text-transform: uppercase;
}
.cb--home-element .cb--liste-liens li {
  display: block;
  font-size: 14px;
  margin-bottom: .5em;
}
.cb--home-element .cb--liste-liens li a {
  display: inline-block;
  border-right: 1px solid #d9d9d9;
  color: #4e4848;
  font-size: 14px;
  padding: 0 20px;
  text-decoration: none;
}
.cb--home-element .cb--liste-liens li a:first-of-type {
  padding-left: 0;
}
.cb--home-element .cb--liste-liens li a:last-of-type {
  border-right: 0;
  padding-right: 0;
}
.cb--home-element .cb--liste-liens li a:hover {
  text-decoration: underline;
}
.cb--home-element .cb--liste-liens-diagnostics {
  margin-left: -300px;
  text-align: right;
  width: 300px;
}
.cb--title-h1 {
  font-weight: 400;
}
.cb--loader {
  position: absolute;
  top: -50px;
  left: calc(25%);
  background: url('img/ajax-loader.gif') center center no-repeat;
  height: 50px;
  width: 50px;
  z-index: 1000;
}
.mac.firefox .conseils--featured-title {
  line-height: 50px !important;
}
.mac.chrome .conseils--featured-title {
  line-height: 50px !important;
}
.mac.chrome .conseils--aside-title {
  line-height: 40px !important;
}
.mac.chrome .conseils--featured-subtitle {
  line-height: 27px !important;
}
.windows.chrome .conseils--featured-title {
  line-height: 45px !important;
}
.windows.chrome .conseils--aside-title {
  line-height: 35px !important;
}
.windows.chrome .conseils--featured-subtitle {
  line-height: 22px !important;
}
.windows.chrome .conseils--central-title {
  line-height: 24px !important;
}
.windows.firefox .conseils--featured-subtitle {
  line-height: 23px !important;
}
.ie .conseils--featured-title {
  line-height: 55px !important;
}
.ie .conseils--aside-title {
  line-height: 43px !important;
}
.ie .conseils--featured-subtitle {
  line-height: 28px !important;
}
.ie .conseils--central-title {
  line-height: 30px !important;
}
.ie .cb--content-title {
  line-height: 28px !important;
}
.sisley-beautyadvice-magazine-article .lightbox_4 {
  width: 748px;
}
.popin_border div,
#lightbox div,
#lightbox *,
#lightbox {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}
.tablet .cb--content-thumbnail {
  width: 100%;
  height: 400px;
  background-attachment: initial;
}
@media (max-width: 1024px) {
  .cb--content-list .cb--content-element {
    width: 283px;
  }
}
#complete_account_creation .esmall_select {
  margin: 4px 18px 0 0 !important;
}
.mega-simple-content {
  margin: 0 auto;
  width: 445px;
  font-size: 12px;
  color: #909090;
}
.principal-title {
  font-family: arial;
  text-transform: uppercase;
  font-size: 16px;
  color: #4e4848;
  font-style: normal;
  text-align: center;
  margin-bottom: 20px;
}
.subbaseline {
  font-family: times;
  font-style: italic;
  font-size: 18px;
  color: #4e4848;
  text-align: center;
  margin-bottom: 20px;
}
.catalog-product-view .l-block-home-section-magazine {
  padding-top: 90px;
}
[class^="l-block-home-section-magazine"],
[class*=" l-block-home-section-magazine"] {
  padding-bottom: 100px;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1024px;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1157px) {
  [class^="l-block-home-section-magazine"],
  [class*=" l-block-home-section-magazine"] {
    min-width: auto;
  }
}
[class^="l-block-home-section-magazine"] .l-block-home-section-item,
[class*=" l-block-home-section-magazine"] .l-block-home-section-item {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center 80px;
}
[class^="l-block-home-section-magazine"] .l-block-home-section-item > a,
[class*=" l-block-home-section-magazine"] .l-block-home-section-item > a {
  padding-top: 405px;
  display: block;
}
[class^="l-block-home-section-magazine"] .content-info,
[class*=" l-block-home-section-magazine"] .content-info {
  font-family: 'BentonSans_Light';
  padding: 60px 20px 50px;
}
[class^="l-block-home-section-magazine"] .content-info .title,
[class*=" l-block-home-section-magazine"] .content-info .title {
  font-size: 23px;
  font-weight: 100;
  margin: 0;
}
[class^="l-block-home-section-magazine"] .content-info .subtitle,
[class*=" l-block-home-section-magazine"] .content-info .subtitle {
  font-size: 14px;
  margin: 0 auto 25px;
}
body.sisley-gr [class^="l-block-home-section-magazine"] .content-info,
body.sisley-gr [class*=" l-block-home-section-magazine"] .content-info {
  font-family: 'BentonSans_Book';
}
.text_article {
  font-family: "Trebuchet MS";
  font-size: 14px;
  color: #4e4848;
  text-align: center;
}
.date-article {
  border-bottom: 1px solid #cdcdcd;
  font-family: Times;
  font-size: 40px;
  text-align: center;
  width: 118px;
  margin: 0 auto;
  color: #4e4848;
}
.ligne-titre {
  border: none;
  position: relative;
  top: -1px;
  background-color: #f7d1dc;
  height: 1px;
}
.titre-article {
  font-family: "BentonSansBook";
  font-size: 25px;
  text-align: center;
  letter-spacing: 2px;
  color: #b02a4f;
  text-transform: uppercase;
}
.titre_part2 {
  font-family: "BentonSansLight";
  font-size: 40px;
  text-align: center;
  letter-spacing: 2px;
  color: #b10a19;
  text-transform: uppercase;
}
.sous-titre {
  text-align: center;
  font-family: BentonSansBook;
  font-style: initial;
  font-size: 30px;
  color: #e4b700;
}
.produit {
  font-family: "Trebuchet MS";
  font-size: 14px;
  color: #4e4848;
  text-align: left;
  text-transform: uppercase;
}
.img_article {
  display: block;
  margin: 0 auto;
}
.boxsisley {
  border: 1px solid;
  margin-top: 80px;
  border-color: #f7d1dc;
}
.lien-article {
  color: #4e4848;
  font-family: "Trebuchet MS";
  font-size: 14px;
  text-decoration: underline;
}
.img-boxsisley {
  margin-left: auto;
  margin-right: auto;
  top: -30px;
  display: block;
}
.text-box {
  font-family: Times;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  margin-bottom: 60px;
  padding: 0 60px 0 60px;
}
.adways-container {
  background-color: #f1f1f1;
  max-width: 100%;
}
.adways-container .description {
  margin-top: 20px;
}
.adways-container .description > * {
  color: #000000;
  font-family: 'BentonSans_Book', Arial, sans-serif;
}
.adways-container .description a {
  font-size: 14px;
}
.adways-container .description a.tutorials-link:hover {
  color: #909090;
}
.adways-container .description a.tutorials-link:after {
  content: ">";
  transform: scaleX(0.5);
  display: inline-block;
  padding-left: 0px;
}
.adways-container-center {
  max-width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
}
.html5-video-player {
  background-color: #f1f1f1;
}
.player-container {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.adways-video-container {
  background-color: #f1f1f1;
  float: left;
  height: 369px;
  overflow: visible;
  z-index: 2;
  width: 656px;
}
@media only screen and (max-width: 1157px) {
  .adways-video-container {
    width: 62%;
  }
}
.adways-description-title {
  text-transform: uppercase;
  font-size: 22px;
  margin: 10px 0;
}
.adways-description-recomended {
  color: #909090 !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  margin: 10px 0;
}
.clear {
  clear: both;
}
#recommended-videos ul li {
  float: left;
  width: 330px;
}
#recommended-videos ul li * {
  float: left;
}
#recommended-videos ul li p {
  font-size: 14px;
  margin-left: 15px;
  width: 180px;
  padding-right: 15px;
}
#recommended-videos ul li p.video-name {
  text-transform: uppercase;
  color: #000;
}
.makeupvideos .cb--content-list .cb--content-element {
  text-align: left;
  margin: 0 30px 30px 0;
  padding: 0;
  width: 226px;
  display: inline-block;
  float: none;
  vertical-align: top;
}
@media only screen and (max-width: 1157px) {
  .makeupvideos .cb--content-list .cb--content-element {
    margin: 0 20px 20px 0;
  }
}
.makeupvideos .cb--content-list .cb--content-element:nth-child(4n) {
  margin: 0 0 30px;
}
.makeupvideos .cb--content-list .cb--content-element h3.cb--content-element-title {
  color: black;
  font-size: 14px;
  letter-spacing: normal;
  text-align: left;
  text-transform: uppercase;
}
.makeupvideos .cb--content-list .cb--content-element .video-baseline {
  font-size: 14px;
}
[class^="l-block-home-section-makeuptuto"],
[class*=" l-block-home-section-makeuptuto"] {
  padding-bottom: 80px;
}
[class^="l-block-home-section-makeuptuto"] .home-title,
[class*=" l-block-home-section-makeuptuto"] .home-title {
  border-bottom: 1px solid rgba(0,0,0,0.12);
}
[class^="l-block-home-section-makeuptuto"] .adways-container,
[class*=" l-block-home-section-makeuptuto"] .adways-container {
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 1157px) {
  [class^="l-block-home-section-makeuptuto"] .adways-container-center,
  [class*=" l-block-home-section-makeuptuto"] .adways-container-center {
    overflow: hidden;
    padding: 30px;
  }
  [class^="l-block-home-section-makeuptuto"] #adways-interactive,
  [class*=" l-block-home-section-makeuptuto"] #adways-interactive {
    width: 64%;
  }
}
.catalog-product-view .l-block-home-section-makeuptuto {
  padding-top: 40px;
}
[class^="sisley-beautyadvice-makeuptuto-index"] .adways-description-title,
[class*=" sisley-beautyadvice-makeuptuto-index"] .adways-description-title {
  margin-bottom: 0;
}
[class^="sisley-beautyadvice-makeuptuto-index"] .adways-description-baseline,
[class*=" sisley-beautyadvice-makeuptuto-index"] .adways-description-baseline {
  padding-bottom: 0;
  color: #909090;
}
[class^="l-block-magazine-content"].l-block-magazine-content,
[class*=" l-block-magazine-content"].l-block-magazine-content {
  padding-top: 42px;
}
[class^="l-block-magazine-content"] .content-center,
[class*=" l-block-magazine-content"] .content-center {
  padding: 0px 10px;
}
[class^="l-block-magazine-content"] .content-center:after,
[class*=" l-block-magazine-content"] .content-center:after {
  content: "";
  clear: both;
  display: table;
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"],
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"],
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"],
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] {
  display: inline-block;
  margin-right: -0.25em;
  margin-bottom: 40px;
  padding-right: 20px;
  width: 480px;
}
@media only screen and (max-width: 1157px) {
  [class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"],
  [class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"],
  [class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"],
  [class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] {
    width: 50%;
  }
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] img,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] img,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] img,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] img {
  display: inline-block;
  vertical-align: top;
  margin-right: 17px;
  width: 213px;
  height: 149px;
}
@media only screen and (max-width: 1157px) {
  [class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] img,
  [class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] img,
  [class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] img,
  [class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] img {
    width: 44.37%;
    height: auto;
    margin-right: 3.5%;
  }
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .article-details,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .article-details,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .article-details,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .article-details {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  width: 237px;
}
@media only screen and (max-width: 1157px) {
  [class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .article-details,
  [class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .article-details,
  [class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .article-details,
  [class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .article-details {
    width: 49.37%;
  }
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-title,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-title,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-title,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-title {
  font-family: 'BentonSans_Book';
  font-size: 15px;
  letter-spacing: 0.02em;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-text,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-text,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-text,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-text {
  font-family: 'BentonSans_Book';
  font-size: 14px;
  letter-spacing: 0.04em;
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link {
  color: #909090;
  font-family: 'BentonSans_Book';
  font-size: 14px;
  letter-spacing: 0.04em;
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link:hover,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link:hover,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link:hover,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link:hover {
  color: #000;
}
[class^="l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link:after,
[class^="l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link:after,
[class*=" l-block-magazine-content"] [class^="l-block-magazine-content-item"] .l-css-link:after,
[class*=" l-block-magazine-content"] [class*=" l-block-magazine-content-item"] .l-css-link:after {
  content: ">";
  transform: scaleX(0.5);
  display: inline-block;
  padding-left: 0px;
}