/* normalize.scss 2.2.0+normalize.2.1.3 | MIT/GPLv2 License | bit.ly/normalize-with-compass */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 71, ../../src/scss/vendor/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 81, ../../src/scss/vendor/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 94, ../../src/scss/vendor/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
/* line 105, ../../src/scss/vendor/_normalize.scss */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
/* line 121, ../../src/scss/vendor/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
/* line 144, ../../src/scss/vendor/_normalize.scss */
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Remove default margin.
 */
/* line 153, ../../src/scss/vendor/_normalize.scss */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 165, ../../src/scss/vendor/_normalize.scss */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 173, ../../src/scss/vendor/_normalize.scss */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 182, ../../src/scss/vendor/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Set 1 unit of vertical rhythm on the top and bottom margin.
 */
/* line 196, ../../src/scss/vendor/_normalize.scss */
p,
pre {
  margin: 1.5em 0; }

/* line 200, ../../src/scss/vendor/_normalize.scss */
blockquote {
  /* Set 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 1.5em 40px; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/* line 211, ../../src/scss/vendor/_normalize.scss */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.5em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.75em;
  margin-bottom: 0.75em; }

/* line 226, ../../src/scss/vendor/_normalize.scss */
h2 {
  font-size: 1.5em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em; }

/* line 232, ../../src/scss/vendor/_normalize.scss */
h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 1.28205em;
  margin-bottom: 1.28205em; }

/* line 238, ../../src/scss/vendor/_normalize.scss */
h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/* line 244, ../../src/scss/vendor/_normalize.scss */
h5 {
  font-size: 0.83em;
  line-height: 1.80723em;
  margin-top: 1.80723em;
  margin-bottom: 1.80723em; }

/* line 250, ../../src/scss/vendor/_normalize.scss */
h6 {
  font-size: 0.67em;
  line-height: 2.23881em;
  margin-top: 2.23881em;
  margin-bottom: 2.23881em; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 261, ../../src/scss/vendor/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 270, ../../src/scss/vendor/_normalize.scss */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 278, ../../src/scss/vendor/_normalize.scss */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
/* line 286, ../../src/scss/vendor/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
/* line 295, ../../src/scss/vendor/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 307, ../../src/scss/vendor/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 319, ../../src/scss/vendor/_normalize.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Set consistent quote types.
 */
/* line 334, ../../src/scss/vendor/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 342, ../../src/scss/vendor/_normalize.scss */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 351, ../../src/scss/vendor/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 358, ../../src/scss/vendor/_normalize.scss */
sup {
  top: -0.5em; }

/* line 362, ../../src/scss/vendor/_normalize.scss */
sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
/* line 378, ../../src/scss/vendor/_normalize.scss */
dl,
menu,
ol,
ul {
  margin: 1.5em 0; }

/* line 392, ../../src/scss/vendor/_normalize.scss */
dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
/* line 402, ../../src/scss/vendor/_normalize.scss */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
/* line 413, ../../src/scss/vendor/_normalize.scss */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 427, ../../src/scss/vendor/_normalize.scss */
img {
  border: 0;
  /* Improve image quality when scaled in IE 7. */
  -ms-interpolation-mode: bicubic; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 439, ../../src/scss/vendor/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 451, ../../src/scss/vendor/_normalize.scss */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
/* line 464, ../../src/scss/vendor/_normalize.scss */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
/* line 473, ../../src/scss/vendor/_normalize.scss */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.4625em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.9125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.875em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.875em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
/* line 489, ../../src/scss/vendor/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 */
/* line 507, ../../src/scss/vendor/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  vertical-align: baseline;
  /* 4 */
  *vertical-align: middle;
  /* 4 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 523, ../../src/scss/vendor/_normalize.scss */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 535, ../../src/scss/vendor/_normalize.scss */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
/* line 552, ../../src/scss/vendor/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
/* line 565, ../../src/scss/vendor/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
/* line 577, ../../src/scss/vendor/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 592, ../../src/scss/vendor/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/* line 603, ../../src/scss/vendor/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 612, ../../src/scss/vendor/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 622, ../../src/scss/vendor/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 635, ../../src/scss/vendor/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*$widthArrow: 25px;*/
@font-face {
  font-family: 'museo_sans100';
  src: url("../font/exljbris_-_museosans-100-webfont.eot");
  src: url("../font/exljbris_-_museosans-100-webfont.eot?#iefix") format("embedded-opentype"), url("../font/exljbris_-_museosans-100-webfont.woff2") format("woff2"), url("../font/exljbris_-_museosans-100-webfont.woff") format("woff"), url("../font/exljbris_-_museosans-100-webfont.ttf") format("truetype"), url("../font/exljbris_-_museosans-100-webfont.svg#museo_sans100") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'museo_sans300';
  src: url("../font/exljbris_-_museosans-300-webfont.eot");
  src: url("../font/exljbris_-_museosans-300-webfont.eot?#iefix") format("embedded-opentype"), url("../font/exljbris_-_museosans-300-webfont.woff2") format("woff2"), url("../font/exljbris_-_museosans-300-webfont.woff") format("woff"), url("../font/exljbris_-_museosans-300-webfont.ttf") format("truetype"), url("../font/exljbris_-_museosans-300-webfont.svg#museo_sans300") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'museo_sans500';
  src: url("../font/exljbris_-_museosans-500-webfont.eot");
  src: url("../font/exljbris_-_museosans-500-webfont.eot?#iefix") format("embedded-opentype"), url("../font/exljbris_-_museosans-500-webfont.woff2") format("woff2"), url("../font/exljbris_-_museosans-500-webfont.woff") format("woff"), url("../font/exljbris_-_museosans-500-webfont.ttf") format("truetype"), url("../font/exljbris_-_museosans-500-webfont.svg#museo_sans500") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'museo_sans700';
  src: url("../font/exljbris_-_museosans-700-webfont.eot");
  src: url("../font/exljbris_-_museosans-700-webfont.eot?#iefix") format("embedded-opentype"), url("../font/exljbris_-_museosans-700-webfont.woff2") format("woff2"), url("../font/exljbris_-_museosans-700-webfont.woff") format("woff"), url("../font/exljbris_-_museosans-700-webfont.ttf") format("truetype"), url("../font/exljbris_-_museosans-700-webfont.svg#museo_sans700") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 1, ../../src/scss/desktop/_main.scss */
* {
  position: relative; }

/* line 5, ../../src/scss/desktop/_main.scss */
html, body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

/* line 12, ../../src/scss/desktop/_main.scss */
#body {
  width: 100%;
  height: 100%;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #000;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 130px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px; }
  /* line 25, ../../src/scss/desktop/_main.scss */
  #body > div {
    position: relative;
    width: 100%;
    height: 100%; }
  /* line 31, ../../src/scss/desktop/_main.scss */
  #body.page-all {
    background-color: #dcf0f4; }
  /* line 35, ../../src/scss/desktop/_main.scss */
  #body.page-vichy {
    background-color: #eaeff4; }
  /* line 39, ../../src/scss/desktop/_main.scss */
  #body.page-skinCeutical {
    background-color: #e3edf6; }
  /* line 43, ../../src/scss/desktop/_main.scss */
  #body.page-rogerGallet {
    background-color: #fbf1f9; }
  /* line 47, ../../src/scss/desktop/_main.scss */
  #body.page-sanoflore {
    background-color: #fdf3e1; }
  /* line 51, ../../src/scss/desktop/_main.scss */
  #body.page-laRochePosay {
    background-color: #f3f3f3; }

/* line 2, ../../src/scss/desktop/_grid.scss */
.wrapper_grid .current-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/* line 10, ../../src/scss/desktop/_grid.scss */
.wrapper_grid .next-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
/* line 18, ../../src/scss/desktop/_grid.scss */
.wrapper_grid .template-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; }
/* line 28, ../../src/scss/desktop/_grid.scss */
.wrapper_grid .item {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: white;
  z-index: 1;
  color: black; }
  /* line 37, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.notAnimated {
    z-index: 0; }
  /* line 41, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item > * {
    position: absolute; }
  /* line 45, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .visuel {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; }
    /* line 52, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .visuel[src=""] {
      display: none; }
  /* line 57, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .txt-wrapper {
    height: 140px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    padding-bottom: 20%; }
  /* line 65, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .txt {
    margin: 0;
    padding: 0 20px;
    line-height: 22px;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: black;
    /*padding-bottom: 24%;*/
    position: absolute;
    word-break: break-word;
    -webkit-transform: translateY(-64%);
    -moz-transform: translateY(-64%);
    -ms-transform: translateY(-64%);
    -o-transform: translateY(-64%);
    transform: translateY(-64%);
    top: 50%; }
    /* line 79, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .txt span {
      font-weight: bold; }
      /* line 82, ../../src/scss/desktop/_grid.scss */
      .page-vichy .wrapper_grid .item .txt span {
        color: #5e6771; }
      /* line 86, ../../src/scss/desktop/_grid.scss */
      .page-skinCeutical .wrapper_grid .item .txt span {
        color: #018daf; }
      /* line 90, ../../src/scss/desktop/_grid.scss */
      .page-rogerGallet .wrapper_grid .item .txt span {
        color: #b09f69; }
      /* line 94, ../../src/scss/desktop/_grid.scss */
      .page-sanoflore .wrapper_grid .item .txt span {
        color: #9a7b56; }
      /* line 98, ../../src/scss/desktop/_grid.scss */
      .page-laRochePosay .wrapper_grid .item .txt span {
        color: #5e6771; }
      /* line 102, ../../src/scss/desktop/_grid.scss */
      .Vichy .wrapper_grid .item .txt span {
        color: #5e6771; }
      /* line 106, ../../src/scss/desktop/_grid.scss */
      .SkinCeuticals .wrapper_grid .item .txt span {
        color: #018daf; }
      /* line 110, ../../src/scss/desktop/_grid.scss */
      .RogerGallet .wrapper_grid .item .txt span {
        color: #b09f69; }
      /* line 114, ../../src/scss/desktop/_grid.scss */
      .Sanoflore .wrapper_grid .item .txt span {
        color: #9a7b56; }
      /* line 118, ../../src/scss/desktop/_grid.scss */
      .LaRochePosay .wrapper_grid .item .txt span {
        color: #55acee; }
  /* line 124, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .static {
    width: 100%;
    height: 100%;
    text-align: center;
    text-transform: uppercase;
    color: white; }
    /* line 131, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .static .static-wrapper {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%; }
    /* line 136, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .static .number {
      display: block;
      font-size: 58px;
      font-family: "museo_sans100";
      line-height: 58px;
      margin-bottom: 8px; }
    /* line 144, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .static .l1 {
      display: block;
      font-size: 12px;
      line-height: 12px;
      margin-bottom: 3px;
      font-family: "museo_sans300"; }
    /* line 152, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .static .l2 {
      display: block;
      font-size: 12px;
      line-height: 12px;
      font-family: "museo_sans700"; }
    /* line 161, ../../src/scss/desktop/_grid.scss */
    .page-vichy .wrapper_grid .item .static .number {
      color: #b7995d; }
    /* line 165, ../../src/scss/desktop/_grid.scss */
    .page-vichy .wrapper_grid .item .static .l1 {
      color: #e0c3a6; }
    /* line 169, ../../src/scss/desktop/_grid.scss */
    .page-vichy .wrapper_grid .item .static .l2 {
      color: #e0c3a6; }
    /* line 175, ../../src/scss/desktop/_grid.scss */
    .page-sanoflor .wrapper_grid .item .static .number {
      color: #b7995d; }
    /* line 179, ../../src/scss/desktop/_grid.scss */
    .page-sanoflor .wrapper_grid .item .static .l1 {
      color: #e0c3a6; }
    /* line 183, ../../src/scss/desktop/_grid.scss */
    .page-sanoflor .wrapper_grid .item .static .l2 {
      color: #e0c3a6; }
  /* line 189, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item video {
    /*width: 120%;*/
    height: 100%;
    /*@include translateY(-50%);*/
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  /* line 199, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .social {
    width: 100%;
    z-index: 1;
    height: 20%;
    position: absolute;
    bottom: 0px;
    background-color: transparent;
    color: black; }
    /* line 208, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .social > * {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      margin-left: 55px;
      position: absolute; }
    /* line 215, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .social .social_logo {
      position: absolute;
      z-index: 1; }
    /* line 220, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .social .social_txt {
      font-size: 12px;
      overflow: hidden;
      width: 70%;
      /*text-overflow: ellipsis;*/ }
      /* line 226, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .social .social_txt:empty {
        display: none; }
      /* line 230, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .social .social_txt .account {
        font-weight: bold;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        /* line 237, ../../src/scss/desktop/_grid.scss */
        .page-vichy .wrapper_grid .item .social .social_txt .account {
          color: #5e6771; }
        /* line 241, ../../src/scss/desktop/_grid.scss */
        .page-skinCeutical .wrapper_grid .item .social .social_txt .account {
          color: #018daf; }
        /* line 245, ../../src/scss/desktop/_grid.scss */
        .page-rogerGallet .wrapper_grid .item .social .social_txt .account {
          color: #b09f69; }
        /* line 249, ../../src/scss/desktop/_grid.scss */
        .page-sanoflore .wrapper_grid .item .social .social_txt .account {
          color: #9a7b56; }
        /* line 253, ../../src/scss/desktop/_grid.scss */
        .page-laRochePosay .wrapper_grid .item .social .social_txt .account {
          color: #55acee; }
        /* line 257, ../../src/scss/desktop/_grid.scss */
        .wrapper_grid .item .social .social_txt .account:empty {
          display: none; }
      /* line 262, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .social .social_txt .time {
        font-weight: 300;
        color: #9f9f9f; }
  /* line 272, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.Vichy .social_txt .account {
    color: #5e6771; }
  /* line 279, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.Vichy .txt-wrapper .txt span {
    color: #5e6771; }
  /* line 288, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.SkinCeuticals .social_txt .account {
    color: #018daf; }
  /* line 295, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.SkinCeuticals .txt-wrapper .txt span {
    color: #018daf; }
  /* line 304, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.RogerGallet .social_txt .account {
    color: #b09f69; }
  /* line 311, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.RogerGallet .txt-wrapper .txt span {
    color: #b09f69; }
  /* line 320, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.Sanoflore .social_txt .account {
    color: #9a7b56; }
  /* line 327, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.Sanoflore .txt-wrapper .txt span {
    color: #9a7b56; }
  /* line 336, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.LaRochePosay .social_txt .account {
    color: #55acee; }
  /* line 343, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.LaRochePosay .txt-wrapper .txt span {
    color: #55acee; }
  /* line 350, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item .socials-followers {
    width: 100%;
    height: 100%;
    text-align: center; }
    /* line 355, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers .followers-wrapper {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      position: absolute;
      width: 100%; }
    /* line 362, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers .nb-followers {
      color: white;
      font-family: "museo_sans100";
      font-size: 48px; }
    /* line 368, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers .label {
      text-transform: uppercase;
      font-size: 18px;
      font-family: "museo_sans500";
      letter-spacing: 0.03em;
      opacity: .5;
      color: white;
      display: block;
      margin-top: 3px; }
    /* line 379, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers .picto {
      display: block;
      margin: 20px auto 0; }
    /* line 384, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers.instagram {
      background-color: #3f729b; }
      /* line 387, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.instagram .bg {
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: block;
        opacity: .2; }
        /* line 396, ../../src/scss/desktop/_grid.scss */
        .page-vichy .wrapper_grid .item .socials-followers.instagram .bg {
          background-image: url("../img/social_counter/vichy/insta_bg.jpg"); }
        /* line 400, ../../src/scss/desktop/_grid.scss */
        .page-skinCeutical .wrapper_grid .item .socials-followers.instagram .bg {
          background-image: url("../img/social_counter/skin_ceutical/insta_bg.jpg"); }
        /* line 404, ../../src/scss/desktop/_grid.scss */
        .page-rogerGallet .wrapper_grid .item .socials-followers.instagram .bg {
          background-image: url("../img/social_counter/roger_gallet/insta_bg.jpg"); }
        /* line 408, ../../src/scss/desktop/_grid.scss */
        .page-sanoflore .wrapper_grid .item .socials-followers.instagram .bg {
          background-image: url("../img/social_counter/sanoflore/insta_bg.jpg"); }
        /* line 412, ../../src/scss/desktop/_grid.scss */
        .page-laRochePosay .wrapper_grid .item .socials-followers.instagram .bg {
          background-image: url("../img/social_counter/roche_posay/insta_bg.jpg"); }
      /* line 418, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.instagram .picto {
        background: url("../img/social_counter/insta_picto.png") no-repeat 0 0;
        width: 24px;
        height: 24px; }
    /* line 425, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers.facebook {
      background-color: #3b5998; }
      /* line 428, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.facebook .bg {
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: block;
        opacity: .2; }
        /* line 437, ../../src/scss/desktop/_grid.scss */
        .page-vichy .wrapper_grid .item .socials-followers.facebook .bg {
          background-image: url("../img/social_counter/vichy/fb_bg.jpg"); }
        /* line 441, ../../src/scss/desktop/_grid.scss */
        .page-skinCeutical .wrapper_grid .item .socials-followers.facebook .bg {
          background-image: url("../img/social_counter/skin_ceutical/fb_bg.jpg"); }
        /* line 445, ../../src/scss/desktop/_grid.scss */
        .page-rogerGallet .wrapper_grid .item .socials-followers.facebook .bg {
          background-image: url("../img/social_counter/roger_gallet/fb_bg.jpg"); }
        /* line 449, ../../src/scss/desktop/_grid.scss */
        .page-sanoflore .wrapper_grid .item .socials-followers.facebook .bg {
          background-image: url("../img/social_counter/sanoflore/fb_bg.jpg"); }
        /* line 453, ../../src/scss/desktop/_grid.scss */
        .page-laRochePosay .wrapper_grid .item .socials-followers.facebook .bg {
          background-image: url("../img/social_counter/roche_posay/fb_bg.jpg"); }
      /* line 459, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.facebook .picto {
        background: url("../img/social_counter/fb_picto.png") no-repeat 0 0;
        width: 11px;
        height: 24px; }
    /* line 466, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers.twitter {
      background-color: #55acee; }
      /* line 469, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.twitter .bg {
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: block;
        opacity: .2; }
        /* line 478, ../../src/scss/desktop/_grid.scss */
        .page-vichy .wrapper_grid .item .socials-followers.twitter .bg {
          background-image: url("../img/social_counter/vichy/tw_bg.jpg"); }
        /* line 482, ../../src/scss/desktop/_grid.scss */
        .page-skinCeutical .wrapper_grid .item .socials-followers.twitter .bg {
          background-image: url("../img/social_counter/skin_ceutical/tw_bg.jpg"); }
        /* line 486, ../../src/scss/desktop/_grid.scss */
        .page-rogerGallet .wrapper_grid .item .socials-followers.twitter .bg {
          background-image: url("../img/social_counter/roger_gallet/tw_bg.jpg"); }
        /* line 490, ../../src/scss/desktop/_grid.scss */
        .page-sanoflore .wrapper_grid .item .socials-followers.twitter .bg {
          background-image: url("../img/social_counter/sanoflore/tw_bg.jpg"); }
        /* line 494, ../../src/scss/desktop/_grid.scss */
        .page-laRochePosay .wrapper_grid .item .socials-followers.twitter .bg {
          background-image: url("../img/social_counter/roche_posay/tw_bg.jpg"); }
      /* line 500, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.twitter .picto {
        background: url("../img/social_counter/twitter_picto.png") no-repeat 0 0;
        width: 24px;
        height: 20px; }
    /* line 507, ../../src/scss/desktop/_grid.scss */
    .wrapper_grid .item .socials-followers.youtube {
      background-color: #cd201f; }
      /* line 510, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.youtube .bg {
        background-size: cover;
        background-position: center center;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        display: block;
        opacity: .2; }
        /* line 519, ../../src/scss/desktop/_grid.scss */
        .page-vichy .wrapper_grid .item .socials-followers.youtube .bg {
          background-image: url("../img/social_counter/vichy/yt_bg.jpg"); }
        /* line 523, ../../src/scss/desktop/_grid.scss */
        .page-skinCeutical .wrapper_grid .item .socials-followers.youtube .bg {
          background-image: url("../img/social_counter/skin_ceutical/yt_bg.jpg"); }
        /* line 527, ../../src/scss/desktop/_grid.scss */
        .page-rogerGallet .wrapper_grid .item .socials-followers.youtube .bg {
          background-image: url("../img/social_counter/roger_gallet/yt_bg.jpg"); }
        /* line 531, ../../src/scss/desktop/_grid.scss */
        .page-sanoflore .wrapper_grid .item .socials-followers.youtube .bg {
          background-image: url("../img/social_counter/sanoflore/yt_bg.jpg"); }
        /* line 535, ../../src/scss/desktop/_grid.scss */
        .page-laRochePosay .wrapper_grid .item .socials-followers.youtube .bg {
          background-image: url("../img/social_counter/roche_posay/yt_bg.jpg"); }
      /* line 541, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item .socials-followers.youtube .picto {
        background: url("../img/social_counter/yt_picto.png") no-repeat 0 0;
        width: 24px;
        height: 24px; }
  /* line 550, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.small .social {
    height: 20%; }
  /* line 556, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-category="social_instagram"] .social_logo {
    background: url("../img/common/socials_small_icon.png") no-repeat 0 0;
    width: 23px;
    height: 23px;
    margin-left: 20px; }
  /* line 565, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item.full[data-category="social_instagram"] .social_logo {
    background: url("../img/common/socials_big_icon.png") no-repeat 0 0;
    width: 47px;
    height: 47px;
    margin-left: 20px; }
  /* line 574, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-category="social_facebook"] .social_logo {
    background: url("../img/common/socials_small_icon.png") no-repeat 0 -23px;
    width: 23px;
    height: 23px;
    margin-left: 20px; }
  /* line 583, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-category="social_twitter"] .social_logo {
    background: url("../img/common/socials_small_icon.png") no-repeat 0 -46px;
    width: 23px;
    height: 23px;
    margin-left: 20px; }
  /* line 591, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-category="picture"] .picto {
    background: url("../img/picto_visuel.png") no-repeat 0 0;
    width: 40px;
    height: 73px;
    display: inline-block;
    float: left;
    margin-right: 27px; }
    @media all and (max-width: 1300px) {
      /* line 591, ../../src/scss/desktop/_grid.scss */
      .wrapper_grid .item[data-category="picture"] .picto {
        margin-right: 12px;
        background-size: 100%;
        width: 20px;
        height: 36px; } }
  /* line 609, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-txt-color="black"] {
    color: #000; }
  /* line 613, ../../src/scss/desktop/_grid.scss */
  .wrapper_grid .item[data-txt-color="white"] {
    color: #fff; }

/* line 1, ../../src/scss/desktop/_header.scss */
#header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100px;
  background-color: white;
  color: black;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  z-index: 1; }
  /* line 11, ../../src/scss/desktop/_header.scss */
  #header > div {
    padding: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  /* line 20, ../../src/scss/desktop/_header.scss */
  #header div > * {
    display: inline-block;
    text-align: left; }
  /* line 25, ../../src/scss/desktop/_header.scss */
  #header .wrapper-header {
    position: relative;
    /*height: 48px;*/
    height: 100%;
    width: 96%;
    text-align: left;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  /* line 35, ../../src/scss/desktop/_header.scss */
  #header img {
    padding-top: 25px;
    left: 0;
    position: absolute; }
  /* line 41, ../../src/scss/desktop/_header.scss */
  #header .socials-blocs {
    height: 100%;
    font-weight: 300;
    vertical-align: top;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    opacity: O;
    padding-left: 30px;
    text-align: center;
    left: 200px;
    overflow: hidden; }
    /* line 54, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs > div {
      border-right: 2px solid #eeeeee;
      padding-right: 30px;
      margin-right: 26px;
      float: left; }
    /* line 61, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .bloc {
      text-align: center;
      height: 100%;
      padding-top: 25px; }
    /* line 67, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .nb-follow {
      display: block;
      text-align: center;
      font-size: 34px;
      font-family: 'museo_sans100';
      color: #1197b8; }
    /* line 75, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .info {
      display: inline-block;
      font-size: 12px;
      font-family: 'museo_sans700';
      text-transform: uppercase;
      color: #01607d;
      margin-left: 3px; }
    /* line 85, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .fb-bloc .picto {
      background: url("../img/header/fb.png") no-repeat 0 0;
      width: 5px;
      height: 11px;
      display: block;
      display: inline-block; }
    /* line 95, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .insta-bloc .picto {
      background: url("../img/header/insta.png") no-repeat 0;
      width: 11px;
      height: 11px;
      display: block;
      display: inline-block; }
    /* line 105, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .tw-bloc .picto {
      background: url("../img/header/tw.png") no-repeat 0;
      width: 12px;
      height: 10px;
      display: block;
      display: inline-block; }
    /* line 115, ../../src/scss/desktop/_header.scss */
    #header .socials-blocs .yt-bloc .picto {
      background: url("../img/header/yt.png") no-repeat 0;
      width: 12px;
      height: 12px;
      display: block;
      display: inline-block; }
  /* line 125, ../../src/scss/desktop/_header.scss */
  #header .time {
    height: 100%;
    font-weight: 300;
    vertical-align: top;
    float: right;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
    opacity: O;
    border-left: 2px solid #eeeeee;
    padding-left: 30px;
    overflow: hidden; }
    /* line 138, ../../src/scss/desktop/_header.scss */
    #header .time .day {
      padding-top: 25px;
      font-size: 54px;
      line-height: 54px;
      float: left;
      color: #1197b8;
      font-family: 'museo_sans100'; }
    /* line 147, ../../src/scss/desktop/_header.scss */
    #header .time .date {
      padding-top: 25px;
      float: left;
      display: block;
      line-height: 22px;
      margin-left: 17px;
      margin-top: 3px;
      font-family: 'museo_sans300';
      color: #1197b8; }
      /* line 157, ../../src/scss/desktop/_header.scss */
      #header .time .date .week-day {
        font-size: 14px;
        line-height: 14px; }
      /* line 162, ../../src/scss/desktop/_header.scss */
      #header .time .date .month {
        display: block;
        color: #01607d;
        font-size: 18px;
        line-height: 18px; }
  /* line 171, ../../src/scss/desktop/_header.scss */
  #header .hour {
    height: 100%;
    padding-top: 21px;
    font-family: 'museo_sans100';
    float: left;
    display: block;
    font-size: 54px;
    font-weight: 100;
    color: #1197b8;
    margin-left: 26px;
    line-height: 64px;
    border-left: 2px solid #eeeeee;
    padding-left: 30px;
    vertical-align: top; }