/***************************
* IMPORT LESS
***************************/

/***************************
* VARIABLES LESS
***************************/

/* Color */

/* Mixins */

.border-box {
  box-sizing: border-box;
}

.border-box *,
.border-box *:before,
.border-box *:after {
  box-sizing: inherit;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/* Font */

.ff1-regular {
  font-family: 'omnesregular';
  font-weight: normal;
}

.ff1-medium {
  font-family: 'omnesmedium';
  font-weight: normal;
}

.ff1-semibold {
  font-family: 'omnessemibold';
  font-weight: normal;
}

/*
 * @file
 * global.base
 *
 * - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/
 * - Gutter widths, see $gutter-width in _custom.scss
 * - Default container alignment.
 * - Flexible images and media declarations.
 * - Copies of the SCSS mixins for reference, which includes an improved
 *   element-invisible and focusable styles.
 */

/* =============================================================================
    HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
  display: none;
}

/* =============================================================================
    Base
   ========================================================================== */

/*
 * If you are using the themes Responsive JS feature (media_queries.js) do not
 * set a font-family on the html element, use body.
 *
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

/*html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
  height: 100%;
  overflow-y: scroll;
}*/

/*
 * 1 . Addresses margins handled incorrectly in IE6/7
 */

body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility\9;
  /* Only IE, can mess with Android */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

button,
input,
select,
textarea {
  font-family: sans-serif;
  border: none;
  outline: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

/* =============================================================================
    Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
  outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
    Typography
   ========================================================================== */

/*
 * Headings
 *
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */

b,
strong {
  font-weight: 700;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

q {
  quotes: none;
}

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

small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
    Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

/*dl,
menu,
ol,
ul {
  margin: 1em 0;
}*/

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* =============================================================================
    Embedded content
   ========================================================================== */

/*
 * 1. Remove border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
  /* border: 0; */
  /* Drupal core already does this, uncomment if you need it */
  -ms-interpolation-mode: bicubic;
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
    Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
  margin: 0;
}

/* =============================================================================
    Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  /*-webkit-user-modify: read-write-plaintext-only;*/
  /*fix bug focus Ipad*/
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
  line-height: normal;
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
 *    Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
  overflow: auto;
  vertical-align: top;
}

/* =============================================================================
    Tables
   ========================================================================== */

/*
 * 1. Remove most spacing between table cells
 */

table {
  border: 1px solid;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: inherit;
  font: 100%;
}

/* =============================================================================
    Gutters
   ========================================================================== */

/*
 * If gutters are set in theme settings they will override these values,
 * see Extensions > Modify Output > Design
 * $gutter-width is set in _base.scss
 */

#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
div.messages {
  /*margin-left: 10px;
  margin-right: 10px;*/
}

/*
 * Panel pages need negative margin equal to the gutter width applied to #content,
 * this is taken care of in theme settings as per above for normal gutters
 */

#content .panel-display,
#content .panel-flexible {
  /*   margin-left: -10px;
  margin-right: -10px; */
  margin-left: 0px;
  margin-right: 0px;
}

/* =============================================================================
    Flexible Media and Cross browser improvements
   ========================================================================== */

/*
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - declaring the width attribute on image elements and using max-width causes
 *   the "dissappering images" bug in IE8.
 * - Mapping services such as Google Maps may break also, see below for fixes.
 */

img {
  /*height: auto;*/
  -ms-interpolation-mode: bicubic;
}

/* Ethan Marcotte - http://front.ie/l8rJaA */

img,
embed,
object,
video {
  max-width: 100%;
}

/* Disable flexiblity for IE8 and below */

.lt-ie9 img,
.lt-ie9 object,
.lt-ie9 embed,
.lt-ie9 video {
  /* max-width: none; */
}

/* Override max-width 100% for map displays */

#map img,
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img,
.geofieldMap img,
.views_horizontal_slider img,
.imagefield-crop-cropbox img,
.jcrop-preview-wrapper img {
  max-width: none !important;
}

/* =============================================================================
    Misc helpers, Accessibility classes etc
   ========================================================================== */

/* Prevent overflowing content */

header[role=banner],
.content-inner,
.nav,
.region-sidebar-first,
.region-sidebar-second,
.region-secondary-content,
.region-tertiary-content,
.region-footer {
  overflow: visible;
  word-wrap: break-word;
}

/**
 * General classes for hiding content. These are all included as SASS mixins.
 * @SEE: sass/_custom.scss
 */

/**
 * Image replacement
 * Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
 * Additional helpers from http://html5boilerplate.com/docs/css/
 */

.ir {
  /* Kellum Method */
  display: block !important;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* Remove the default border from elements like button */
  border: 0;
  /* Crush the text down to take up no space */
  font: 0/0 a;
  /* Remove any text shadows */
  text-shadow: none;
  /* Hide any residual text in Safari 4 and any mobile devices that may need it */
  color: transparent;
  /* Hide the default background color on elements like button */
  background-color: transparent;
}

/* More robust element-invisible and element-focuable classes */

.element-invisible {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
}

/* Shift content offscreen, can be usefull when you reall need to do this */

.offscreen {
  position: absolute;
  top: -99999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0;
}

/* Hide content from all users */

.element-hidden {
  display: none;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.wrapper {
  overflow: visible;
  height: 1%;
}

html > body .wrapper {
  overflow: hidden;
  height: auto;
}

.fb_share_link1 {
  background: url("../images/share-button.png") no-repeat scroll left -21px #5F78AB !important;
  border-top: 1px solid #879AC0;
  color: #FFFFFF !important;
  display: block;
  font-size: 10px;
  height: 14px;
  line-height: 11px;
  padding: 2px 5px 0 25px;
  float: left;
}

.relative,
.webform-client-form input[type=submit] {
  position: relative;
}

/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

html {
  background: #fff;
}

body {
  background: #fff;
  font-family: Arial, helvetica, sans-serif;
  color: #8C8C73;
}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

img {
  border: none;
}

/* Background: clickable */

.desktop-background {
  cursor: pointer;
}

.desktop-background > #header,
.desktop-background > #page,
.desktop-background > .region-page-bottom {
  cursor: default;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Wraps the header
 */

#header-wrapper {
  /* Debug styles, is this working */
  background: rgba(255, 192, 203, 0.5);
}

#footer-wrapper {
  /* Debug styles, is this working? */
  background: rgba(255, 192, 203, 0.5);
}

/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Logo
 */

#logo img {
  vertical-align: bottom;
}

/*
 * Site name (h1)
 */

#site-name {
  margin: 0;
}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

/*
 * Site slogan (h2)
 */

#site-slogan {
  margin: 0;
}

/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * The main page title (h1)
 */

#page-title {
  margin: 0;
}

/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Aggregator feed source
 */

#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */

ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */

.search-results {
  margin: 0;
}

/* =============================================================================
 *   Links
 * ========================================================================== */

a {
  text-decoration: none;
}

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

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */

.nav {
  clear: both;
  margin: 10px 0;
}

.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}

.nav .block {
  margin-bottom: 0;
}

/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  outline: 0;
}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}

/*
 * Superfish blocks
 */

.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * Vertical style
 */

.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */

.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */

.sf-menu.sf-style-default a {
  padding: 0 10px;
}

/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu li {
  margin: 0;
}

/* If li.content exists it's a problem, so reset the padding */

.block .menu li.content {
  padding: 0;
}

/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}

.book-navigation .menu {
  margin-left: 0;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */

#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}

/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;
}

/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */

.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

/*
 * Taxonomy
 */

.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Float left setting
 */

.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */

.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */

.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}

/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Block title
 */

.block-title {
  margin: 0;
}

/*
 * Block content wrapper
 */

/*
 * Match item list and block menu margin and padding
 */

.block-content li {
  margin: 0;
  padding: 0;
}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 0;
}

.node .node-title {
  margin: 0;
}

/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */

.comment {
  margin-bottom: 20px;
}

/*
 * Comment title
 */

.comment-title {
  margin: 0;
}

/*
 * "New" marker for comments that are new for the current user
 */

.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */

.indented {
  margin-left: 40px;
}

/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-item label {
  font-weight: 700;
}

/*
 * Highlight marks and form required mark
 */

.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

/*
 * Define consistent borders
 */

fieldset {
  border: 1px solid #ccc;
}

/*
 * Buttons used by contrib modules like Media
 */

a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
  margin: 0;
}

/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

table,
td,
th {
  vertical-align: middle;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;
}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */

#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}

/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */

div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * Unpublished nodes
 */

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}

/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}

/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */

#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */

.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */

#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}

#block-system-main .group_address .text-block {
  color: #393580;
  font-size: 12px;
  line-height: 15px;
  padding-bottom: 10px;
  padding-right: 33px;
}

/*CR 1481 Redmine*/

.image-preview {
  display: none;
}

/*End CR 1481*/

/* =============================================================================
 *   Main Layout
 * ========================================================================== */

* {
  padding: 0px;
  margin: 0px;
  outline: none;
}

ul {
  list-style: none;
}

img {
  border: none;
}

a {
  color: #2477D5;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#header input[type=text],
#header input[type=search],
.search-input-inner input[type=text],
.search-input-inner input[type=search] {
  -webkit-appearance: caret!important;
  -moz-appearance: caret!important;
}

sup {
  font-size: 0.5em;
}

/* Fonts */

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

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

@font-face {
  font-family: 'bauer_bodoniitalic';
  src: url("../fonts/bauerbodoni-italic-webfont.eot");
  src: url("../fonts/bauerbodoni-italic-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/bauerbodoni-italic-webfont.woff") format('woff'), url("../fonts/bauerbodoni-italic-webfont.ttf") format('truetype'), url("../fonts/bauerbodoni-italic-webfont.svg#bauer_bodoniitalic") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'bauer_bodoniroman';
  src: url("../fonts/bauerbodoni-roman-webfont.eot");
  src: url("../fonts/bauerbodoni-roman-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/bauerbodoni-roman-webfont.woff") format('woff'), url("../fonts/bauerbodoni-roman-webfont.ttf") format('truetype'), url("../fonts/bauerbodoni-roman-webfont.svg#bauer_bodoniroman") format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: 'GillSans-Bold';
  src: url("../fonts/GillSans-Bold.eot") format('embedded-opentype');
  src: url("../fonts/GillSans-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/GillSans-Bold.ttf") format('truetype'), url("../fonts/GillSans-Bold.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'LearningCurve';
  src: url("../fonts/LearningCurve_OT-webfont.eot");
  src: local('☺'), url("../fonts/LearningCurve_OT-webfont.woff") format('woff'), url("../fonts/LearningCurve_OT-webfont.ttf") format('truetype'), url("../fonts/LearningCurve_OT-webfont.svg#webfonthWsQrQlC") format('svg');
  font-weight: normal;
  font-style: normal;
}

.CenterWrap {
  float: right;
  position: relative;
  left: -50%;
  text-align: left;
}

.CenterWrap .CenterOuter {
  list-style: none;
  position: relative;
  left: 50%;
}

/* Structure */

#page {
  margin: 0 auto;
  width: 926px;
}

@media only screen and (min-width: 756px) and (max-width: 1024px) {
  #page {
    width: 756px;
  }
}

@media only screen and (max-width: 755px) {
  #page {
    width: 320px;
  }
}

.i18n-ru h1,
.i18n-ru h2,
.i18n-ru h3,
.i18n-ru #footer .menu li a,
.i18n-ru #menu-bar.nav ul.menu li a,
.i18n-ru div.ThemeFooter p {
  font-family: 'Rubik', sans-serif !important;
}

a:focus {
  outline: none;
}

a:hover {
  text-decoration: underline;
}

.page-homepage #main-content {
  /*border: 1px solid #f00; */
  clear: both;
}

.region-content-aside {
  clear: both;
}

#content_first,
#content_second {
  overflow: hidden;
  float: left;
}

.clearright {
  clear: right;
}

#columns #content-column {
  float: none;
}

.button-type-01-outer {
  height: 24px;
  background: url("../images/input-bg.png") right bottom no-repeat;
  float: left;
  padding-right: 4px;
}

.button-type-01-inner {
  background: url("../images/input-bg.png") left top no-repeat;
  display: block;
  padding: 1px 5px 4px 11px;
}

.button-type-02-outer {
  height: 24px;
  background: url("../images/input-bg.png") right bottom no-repeat;
  float: left;
  padding-right: 4px;
}

.button-type-02-inner {
  background: url("../images/input-bg.png") left top no-repeat;
  display: block;
  padding: 5px 5px 4px 11px;
}

.button-type-02-inner-ext {
  padding: 4px 9px 4px 14px;
}

.fleft {
  float: left!important;
}

.fright {
  float: right !important;
}

.Mea,
.MeaRight {
  margin-bottom: 0px;
}

.Mea,
.Mea .Text,
.MeaRight,
.MeaRight .Text {
  overflow: hidden;
  color: #003;
}

.Mea .Media {
  float: left;
  margin-right: 20px;
  margin-left: 0px;
}

.MeaRight .Media {
  float: right;
  margin-left: 20px;
  margin-right: 0px;
}

img.Media,
.Media img {
  display: -moz-inline-stack;
  display: inline-block;
  margin-top: 2px;
}

.Mar5 {
  margin: 5px;
}

.Mar10 {
  margin: 10px;
}

.Mar15 {
  margin: 15px;
}

.Mar20 {
  margin: 20px;
}

.Mar25 {
  margin: 25px;
}

.Mar30 {
  margin: 30px;
}

.Mar35 {
  margin: 35px;
}

.Mar45 {
  margin: 45px;
}

.MarT5 {
  margin-top: 5px;
}

.MarT10 {
  margin-top: 10px;
}

.MarT15 {
  margin-top: 15px;
}

.MarT20 {
  margin-top: 20px;
}

.MarT25 {
  margin-top: 25px;
}

.MarT30 {
  margin-top: 30px;
}

.MarT35 {
  margin-top: 35px;
}

.MarT45 {
  margin-top: 45px;
}

.MarR5 {
  margin-right: 5px;
}

.MarR10 {
  margin-right: 10px;
}

.MarR15 {
  margin-right: 15px;
}

.MarR20 {
  margin-right: 20px;
}

.MarR25 {
  margin-right: 25px;
}

.MarR30 {
  margin-right: 30px;
}

.MarR35 {
  margin-right: 35px;
}

.MarR45 {
  margin-right: 45px;
}

.MarB5 {
  margin-bottom: 5px;
}

.MarB10 {
  margin-bottom: 10px;
}

.MarB15 {
  margin-bottom: 15px;
}

.MarB20 {
  margin-bottom: 20px;
}

.MarB25 {
  margin-bottom: 25px;
}

.MarB30 {
  margin-bottom: 30px;
}

.MarB35 {
  margin-bottom: 35px;
}

.MarB45 {
  margin-bottom: 45px;
}

.MarL0 {
  margin-left: 0px!important;
}

.MarL5 {
  margin-left: 5px;
}

.MarL10 {
  margin-left: 10px;
}

.MarL15 {
  margin-left: 15px;
}

.MarL20 {
  margin-left: 20px;
}

.MarL25 {
  margin-left: 25px;
}

.MarL30 {
  margin-left: 30px;
}

.MarL35 {
  margin-left: 35px;
}

.MarL45 {
  margin-left: 45px;
}

.Pad5 {
  padding: 5px;
}

.Pad10 {
  padding: 10px;
}

.Pad15 {
  padding: 15px;
}

.Pad20 {
  padding: 20px;
}

.Pad25 {
  padding: 25px;
}

.Pad30 {
  padding: 30px;
}

.Pad35 {
  padding: 35px;
}

.Pad45 {
  padding: 45px;
}

.PadT5 {
  padding-top: 5px;
}

.PadT10 {
  padding-top: 10px;
}

.PadT15 {
  padding-top: 15px;
}

.PadT20 {
  padding-top: 20px;
}

.PadT25 {
  padding-top: 25px;
}

.PadT30 {
  padding-top: 30px;
}

.PadT35 {
  padding-top: 35px;
}

.PadT45 {
  padding-top: 45px;
}

.PadR5 {
  padding-right: 5px;
}

.PadR10 {
  padding-right: 10px;
}

.PadR15 {
  padding-right: 15px;
}

.PadR20 {
  padding-right: 20px;
}

.PadR25 {
  padding-right: 25px;
}

.PadR30 {
  padding-right: 30px;
}

.PadR35 {
  padding-right: 35px;
}

.PadR45 {
  padding-right: 45px;
}

.PadB5 {
  padding-bottom: 5px;
}

.PadB10 {
  padding-bottom: 10px;
}

.PadB15 {
  padding-bottom: 15px;
}

.PadB20 {
  padding-bottom: 20px;
}

.PadB25 {
  padding-bottom: 25px;
}

.PadB30 {
  padding-bottom: 30px;
}

.PadB35 {
  padding-bottom: 35px;
}

.PadB45 {
  padding-bottom: 45px;
}

.PadL5 {
  padding-left: 5px;
}

.PadL10 {
  padding-left: 10px;
}

.PadL15 {
  padding-left: 15px;
}

.PadL20 {
  padding-left: 20px;
}

.PadL25 {
  padding-left: 25px;
}

.PadL30 {
  padding-left: 30px;
}

.PadL35 {
  padding-left: 35px;
}

.PadL45 {
  padding-left: 45px;
}

.lineh0 {
  line-height: 0px!important;
}

.PostInner {
  position: relative;
  z-index: 1;
  float: left;
}

.PostInner img {
  display: block;
}

.TL,
.TR,
.BR,
.BL {
  background-color: transparent;
  background-image: url("../images/corner-42px.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 21px;
  width: 21px;
  overflow: hidden;
}

.TL {
  background-position: left top;
  left: 0;
  top: 0;
}

.TR {
  background-position: right top;
  right: 0;
  top: 0;
}

.BR {
  background-position: right bottom;
  bottom: 0;
  right: 0;
}

.BL {
  background-position: left bottom;
  bottom: 0;
  left: 0;
}

/* Specific Css */

.CenterBox {
  overflow: hidden;
  position: relative;
  width: 109px;
  height: 35px;
}

.CenterBox[class] {
  display: table;
  position: static;
}

*:first-child + html .CenterBox {
  position: relative;
}

.CenterBox .TableCellContent {
  width: 109px;
  text-align: center;
}

.CenterBox p {
  font-size: 1.2em;
  line-height: 18px;
}

/* General Css - Center */

.TableCellWrap {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
}

.TableCellWrap[class] {
  display: table-cell;
  vertical-align: middle;
  position: static;
}

*:first-child + html .TableCellWrap {
  position: absolute;
  display: block;
  vertical-align: inherit;
  top: 50%;
}

.TableCellContent {
  position: relative;
  top: -50%;
  margin: 0 auto;
}

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

.page-homepage #main-content {
  clear: both;
}

.hidden {
  display: none !important;
}

.hor-line-01 {
  height: 1px;
  background: #E4E3E9;
}

.cancel-btn-block {
  display: none;
}

.group-section-block .field-item ol,
.artical-page .field-group-format-wrapper .field-name-body ol {
  list-style: decimal;
  padding-left: 30px;
}

.group-section-block .field-item ul,
.artical-page .field-group-format-wrapper .field-name-body ul {
  list-style: inherit;
  padding-left: 30px;
}

.pane-menu-block-5 .menu-block-5 ul li h1 {
  margin: 0 !important;
  font-weight: normal;
}

.thank_mail h2 {
  color: #393580;
  font-family: 'bauer_bodoniroman';
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 11px 0;
}

.thank_mail .message_success {
  font-size: 14px;
  font-family: Arial;
  color: #393580;
}

/**
*   Added by Ha Pham
*/

#node-130 ul li.comment-add a {
  color: #393580 !important;
}

#node-130 ul li.comment_forbidden a {
  color: #393580 !important;
}

#node-130 ul li.comment_forbidden span {
  color: #393580;
}

.form-item .description {
  color: #393580;
}

#webform-client-form-122--2 .form-type-checkbox label {
  display: inline !important;
}

#webform-client-form-122 .form-type-checkbox label {
  display: inline !important;
}

.webform-client-form p {
  color: #393580;
}

#node-122 .webform-component-newsletter_email label {
  display: inline;
}

#node-122 .form-item-submitted-email-newsletter-email-address {
  display: inline;
}

#node-122 .webform-component-newsletter_email {
  margin-top: 20px;
}

#node-122 .webform-component-checkboxes {
  margin-top: 20px;
}

/* @warning
 New global class (voir si pas d'impact) */

.clearfl {
  clear: both;
}

/* =============================================================================
 *   Breadcrumb
 * ========================================================================== */

.breadcrumb {
  border-bottom: 1px solid #cdccdf;
  font-size: 11px;
  margin-top: 10px;
  overflow: hidden;
  padding-bottom: 11px;
  width: 100%;
}

.breadcrumb span {
  color: #004d9d;
}

.breadcrumb a {
  color: #9c9abf;
  text-decoration: none;
  margin: 0 1px;
}

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

.breadcrumb p {
  float: left;
  padding: 0 0 0 5px;
}

.extra_link {
  float: right;
  margin: 2px 0 0;
}

.breadcrumb-head {
  float: left;
  color: #9C9ABF;
}

.breadcrumb-tail {
  float: left;
  white-space: nowrap;
  margin-left: 1px;
}

.breadcrumb-tail span {
  margin: 0 1px;
}

.breadcrumb-head a:first-child {
  margin-left: 0;
}

.link-back-retour-new {
  float: left;
  width: 20%;
}

.link-back-retour-new a {
  color: #9C9ABF;
  font-size: 11px;
  margin-right: 0;
  text-align: right;
  float: right;
}

@media only screen and (max-width: 755px) {
  .breadcrumb {
    display: none;
  }
}

/* =============================================================================
 *   Responsive custom
 * ========================================================================== */

@media only screen and (max-width: 480px) {
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}

@media only screen and (min-width: 1025px) {
  .region-content-first,
  .region-content-second {
    overflow: hidden;
    float: left;
    clear: none;
  }

  .region-content-aside {
    clear: both;
  }
}

.region-sidebar-first {
  margin-left: 0;
  width: 25%;
}

/***************************
* HEADER
***************************/

#header {
  box-sizing: border-box;
  background: #004d9d;
  color: #fff;
  height: 45px;
}

#header *,
#header *:before,
#header *:after {
  box-sizing: inherit;
}

#header .baseline {
  float: left;
  font-size: 14px;
  margin: 15px 0;
}

#header .branding-elements {
  float: left;
}

#header .region-header {
  float: right;
  width: 323px;
}

#header ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #004d9d;
}

#header ::-moz-placeholder {
  /* Firefox 19+ */
  color: #004d9d;
}

#header :-ms-input-placeholder {
  /* IE 10+ */
  color: #004d9d;
}

#header :-moz-placeholder {
  /* Firefox 18- */
  color: #004d9d;
}

#header input[type="text"],
#header input[type="password"],
#header input[type="submit"],
#header input[type="search"] {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

.header-inner {
  margin: 0 auto;
  width: 926px;
}

/* Block login btn */

.hdf-mustela-login-btn {
  cursor: default;
  padding-top: 3px;
  height: 22px;
  text-align: center;
  position: relative;
  z-index: 160;
}

.hdf-mustela-login-btn__title {
  color: #fff;
  font-size: 14px;
}

/* block Login pop-in container */

.hdf-mustela-login-content {
  width: 190px;
}

.hdf-mustela-login-content .btn {
  font-size: 14px;
  color: #fff;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 8px;
  text-align: center;
}

.hdf-mustela-login-content .hdf-mustela-login-popin {
  background-color: #f7f5f5;
  display: none;
  padding-top: 10px;
  position: absolute;
  width: 190px;
  z-index: 150;
}

.hdf-mustela-login-content .hdf-mustela-login-popin__img-club {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 0;
  text-align: center;
}

.hdf-mustela-login-content .hdf-mustela-login-popin__title {
  color: #004d9d;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  margin: 0;
}

.hdf-mustela-login-content .hdf-mustela-login-member-register {
  border-bottom: 1px solid #dfdfdf;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  width: 155px;
}

.hdf-mustela-login-content .hdf-mustela-login-member-register:after {
  border-bottom: 1px solid #fff;
  bottom: -2px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.hdf-mustela-login-content .hdf-mustela-login-member-register__txt {
  color: #596981;
  font-size: 12px;
  margin-bottom: 15px;
  text-align: center;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access {
  padding: 20px 0;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access__title {
  margin-bottom: 20px;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-item {
  width: 166px;
  margin: 0 auto 20px;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-item label {
  display: none;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-item .form-text {
  color: #004d9d;
  font-family: 'omnesregular';
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 18px;
  width: 100%;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-type-password {
  margin-bottom: 0;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .item-list {
  text-align: center;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .item-list .forgot-popup {
  color: #004d9d;
  font-family: 'omnesregular';
  font-size: 12px;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-type-checkbox {
  margin: 10px auto;
}

.hdf-mustela-login-content .hdf-mustela-login-member-access .form-type-checkbox label {
  color: #596981;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}

.hdf-mustela-login-content.popin-form-click .hdf-mustela-login-btn,
.hdf-mustela-login-content.popin-active .hdf-mustela-login-btn,
.hdf-mustela-login-content:hover .hdf-mustela-login-btn {
  background: #f7f5f5;
}

.hdf-mustela-login-content.popin-form-click .hdf-mustela-login-btn__title,
.hdf-mustela-login-content.popin-active .hdf-mustela-login-btn__title,
.hdf-mustela-login-content:hover .hdf-mustela-login-btn__title {
  color: #004d9d;
}
/* rémi
.hdf-mustela-login-content.club_disabled:hover .hdf-mustela-login-btn {
  background: none;
}
.hdf-mustela-login-content.club_disabled .btn {
	padding-top: 0;
}*/

.hdf-mustela-login-content.popin-form-click .hdf-mustela-login-popin,
.hdf-mustela-login-content.popin-active .hdf-mustela-login-popin,
.hdf-mustela-login-content:hover .hdf-mustela-login-popin {
  box-shadow: 0px 0px 5px 0px rgba(1, 1, 1, 0.22);
  display: block;
}

.hdf-mustela-login-content .form-actions {
  text-align: center;
}

.hdf-mustela-login-content .form-submit {
  background: #004d9d;
  font-family: "omnesregular";
  font-size: 14px;
  color: #fff;
  padding: 7px 0 8px;
  text-align: center;
  width: 166px;
}

.hdf-mustela-login-content .form-submit:hover {
  text-decoration: underline;
}

/* Block login (connected) */

.hdf-mustela-user-log-out:hover {
  box-shadow: none;
}

.hdf-mustela-user-log-out:hover .hdf-mustela-login-btn {
  background: none;
}

.hdf-mustela-user-log-out:hover .hdf-mustela-login-btn a {
  color: #fff;
}

/* Block search header */

#block-search-form {
  margin-top: 10px;
}

#block-search-form .block-content {
  float: right;
}

#search-block-form--2 .container-inline {
  display: block;
  margin-left: 20px;
}

#search-block-form--2 .form-item-search-block-form {
  float: left;
  width: 135px;
}

#search-block-form--2 .form-item-search-block-form .form-text {
  background: #f2f6f5;
  color: #004d9d;
  font-family: 'omnesregular';
  font-weight: normal;
  display: block;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  text-align: left;
  width: 135px;
  padding-left: 10px;
}

#search-block-form--2 .form-item-search-block-form ::-webkit-input-placeholder {
  color: #004d9d;
  font-style: italic;
  opacity: 1;
}

#search-block-form--2 .form-item-search-block-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #004d9d;
  font-style: italic;
  opacity: 1;
}

#search-block-form--2 .form-item-search-block-form :-ms-input-placeholder {
  color: #004d9d;
  font-style: italic;
  opacity: 1;
}

#search-block-form--2 .form-actions {
  float: left;
  margin-left: 2px;
  width: 30px;
}

#search-block-form--2 .form-submit {
  background: url("../images/icon-search.png") #306faf no-repeat 50% 50%;
  height: 25px;
  padding: 0;
  text-indent: -10000px;
  width: 30px;
}

/* Block search (autocomplete) */

#autocomplete {
  position: relative;
  z-index: 5;
}

#search-block-form #autocomplete .selected {
  background: #ccc;
  color: #333;
}

.search-block-top #autocomplete {
  position: relative!important;
  top: 24px!important;
  left: -5px !important;
  width: 308px!important;
  background: white;
  border: 1px solid #ccc;
  border-top: none;
}

.search-block-top #autocomplete li {
  font-family: Arial;
  font-size: 14px;
  color: black;
  heigt: 28px;
  line-height: 16px;
  padding: 5px;
}

.search-block-top #autocomplete li.selected {
  background: #ccc;
}

#block-block-1 {
  margin-top: 14px;
  overflow: hidden;
  float: left;
}

#block-block-1 .block-content p {
  display: inline-block;
}

/* Fix ie */

.ie8 #block-search-form .form-type-textfield .form-text {
  line-height: 14px;
}

.ie9 #block-search-form .form-type-textfield .form-text {
  line-height: 14px;
}

.ie7 #block-search-form .form-type-textfield .form-text {
  line-height: 11px;
}

#block-block-2 .block-inner {
  margin-right: 0;
}

/* Combobox */

.WrapperCombobox {
  margin-top: 2px;
  float: left;
}

.WrapperCombobox div.ThemeMiddle {
  margin-bottom: 0px;
}

@media only screen and (max-width: 755px) {
  .header-inner {
    width: 320px;
  }

  #header {
    height: auto;
  }

  #header .baseline,
  #header .branding-elements {
    display: none;
  }

  #branding #logo {
    margin-left: 5px;
    width: 151px;
  }

  #header .region-header {
    float: right;
    margin-right: 8px;
    width: auto;
  }

  #block-search-form {
    display: none;
  }

  #block-block-1 {
    display: none;
  }

  #block-block-1 .block-content p {
    display: inline-block;
  }

  /* Combobox */

  .WrapperCombobox {
    float: left;
    margin-right: 8px;
    margin-top: 2px;
  }

  .WrapperCombobox div.ThemeMiddle {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 756px) and (max-width: 1024px) {
  .header-inner {
    width: 756px;
  }

  #header .branding-elements {
    float: left;
  }

  #branding #logo {
    margin-left: 13px;
    width: 211px;
  }

  #header .region-header {
    float: right;
    margin-right: 11px;
  }

  #block-block-1 {
    padding-top: 0;
  }

  #block-block-1 .block-content p {
    display: inline-block;
  }
}

/* Logo */

#logo {
  margin: 30px 0;
  text-align: center;
}

/***************************
* OLD MENU
***************************/

/*
#menu-bar.nav {
  clear: both;
  background: url('../images/bg-menu.png') no-repeat;
  height: 42px;
  margin: 0;
  z-index: 100;
  position: relative;
}
#menu-bar.nav ul.menu {
  margin: 0 0 0 25px;
}

#menu-bar.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 42px;
}

#menu-bar.nav ul.menu li.first {
	display: none;
}

#menu-bar.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 9px 0 16px;
  color: #eee;
  font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  text-align: center;
  line-height: 17px;
}


#menu-bar.nav li a:visited,
#menu-bar.nav ul.menu li a:visited {}

#menu-bar.nav li a:hover,
#menu-bar.nav li a:focus,
#menu-bar.nav ul.menu li a:hover,
#menu-bar.nav ul.menu li a:focus {}
#menu-bar.nav ul.menu li.must-mag { width: 140px;}
#menu-bar.nav ul.menu li.soins-experts { width: 135px;}
#menu-bar.nav ul.menu li.conseils { width: 95px;}
#menu-bar.nav ul.menu li.le-cercle { width: 103px;}
#menu-bar.nav ul.menu li.demarche-res { width: 208px;}
#menu-bar.nav ul.menu li.au-coeur { width: 185px;}

#menu-bar.nav ul.menu li a:hover,#menu-bar.nav ul.menu li a.current { background: url('../images/bg-menu.png') left -83px no-repeat;}
#menu-bar.nav ul.menu li.must-mag a:hover,#menu-bar.nav ul.menu li.must-mag a.active, #menu-bar.nav ul.menu li.must-mag a.current{ background: url('../images/bg-menu.png') -20px -83px;}
#menu-bar.nav ul.menu li.soins-experts a:hover, #menu-bar.nav ul.menu li.soins-experts a.active, #menu-bar.nav ul.menu li.soins-experts a.current { background: url('../images/bg-menu.png') -142px -83px;}
#menu-bar.nav ul.menu li.conseils a:hover, #menu-bar.nav ul.menu li.conseils a.active, #menu-bar.nav ul.menu li.conseils a.current { background: url('../images/bg-menu.png') -280px -83px;}
#menu-bar.nav ul.menu li.le-cercle a:hover, #menu-bar.nav ul.menu li.le-cercle a.active, #menu-bar.nav ul.menu li.le-cercle a.current { background: url('../images/bg-menu.png') -380px -83px;}
#menu-bar.nav ul.menu li.demarche-res a:hover, #menu-bar.nav ul.menu li.demarche-res a.active, #menu-bar.nav ul.menu li.demarche-res a.current { background: url('../images/bg-menu.png') -486px -83px;}
#menu-bar.nav ul.menu li.au-coeur a:hover, #menu-bar.nav ul.menu li.au-coeur a.active, #menu-bar.nav ul.menu li.au-coeur a.current { background: url('../images/bg-menu.png') -720px -83px;}

.display100{width: 926px;}
.nav .block { margin-bottom: 0;}
.sub-menu-wrapper { position: absolute; z-index: 20; background: url('../images/bg-submenu.png') left top no-repeat; margin-top: -15px; padding-top:20px; }
.sub-menu-wrapper .region { width: 854px;}
.sub-menu { border: 1px solid #2477d5; z-index: 0; padding: 7px 35px 30px 35px; z-index:10; width: 854px; background: #2477d5; position: relative; }
.sub-menu { display: none;}

#menu .region-four-first .block-title, #must-mag .block-title, #conseils .block-title, #soins-experts .block-title, #le-cercle .block-title, #demarche-res .block-title, #au-coeur .block-title { font-size: 30px; color: #fff; font-family: bauer_bodoniitalic; text-transform: uppercase; line-height: 36px; padding-bottom: 6px;}
#conseils .block-title, #soins-experts .block-title, #le-cercle .block-title, #demarche-res .block-title, #au-coeur .block-title{ border-bottom: 1px solid #639ee0; }
#menu .region-four-first, #menu .region-four-second, #menu .region-four-third,
#menu .region-four-fourth, #demarche-res .panel-col-first  { float: left; margin-left: 10px; width: 202px;}
#menu .region-four-first { margin-left: 0;}
.sub-menu ul.menu > li{ color: #393580; text-transform: uppercase; font-size: 15px; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; padding-bottom: 2px; line-height: 15px; float: left; width: 99%;}
.sub-menu ul.menu li a { color: #1f1c57; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; font-size: 15px;}
.sub-menu .block-content>ul.menu >li{ margin-bottom: 16px;}
.sub-menu ul.menu li ul li a {color: #fff; text-decoration: none; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; padding-left: 0; }
.sub-menu ul.menu li a:hover, ul.menu-inner li ul li a:hover { text-decoration: underline;}
.sub-menu ul.menu li ul li { list-style: none; padding-left: 10px; font-size: 12px; color: #fff; background: url(../images/sprites.png) -2px -85px no-repeat; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; text-transform: none; font-size: 15px; line-height: 18px; margin-left: -2px; margin-top: 4px;}
.sub-menu ul.menu li ul li.first{ margin-top: 10px }

#soins-experts .region-four-fourth { float: left; text-align: left;  width: 205px; padding-bottom: 10px;}
#soins-experts .region-four-fourth .block-title { -moz-border-radius-topright: 10px; -webkit-border-radius-topright: 10px;
border-top-right-radius:10px; font-family: bauer_bodoniitalic; color: #393580; font-size: 21px; line-height: 22px; padding: 5px 5px 5px 9px; font-weight: normal; border: 0;
background: url(../images/bg-sub-menu-nos-games.png) right top no-repeat; min-height:30px;
clear: both; margin-bottom: 0;}
#soins-experts .region-four-fourth .block-content { background: #393580; margin-top: -2px;}

#menu-bar .menu-smartphone-outer, .sub-menu-smartphone-outer { display: none;}
#menu .panel-col-first { float: left;}
#menu .panel-col-first p { text-align: center;}

#menu .panel-col-first .block-content div a { float: right;}
#menu .panel-col-last { float: right;}
#le-cercle .panel-col-first, #demarche-res .panel-col{ width: 308px; margin-right: 20px; float: left;}
#le-cercle .panel-col-first img { margin-top: 2px;}
#le-cercle .panel-col-last { overflow: hidden; float: none; padding-left: 12px;}
#le-cercle .panel-col-last p strong { color: #1f1c57; font-size: 30px; font-family: bauer_bodoniitalic; line-height: 30px; padding-bottom: 5px;}
#le-cercle .panel-col-last p { color: #fff; font-size: 14px; padding-bottom: 6px; line-height: 18px;}
#le-cercle .panel-col-last p a { font-size: 14px; margin-top: 10px; color: #fff; display: block; background: url('../images/arrow-white.png') left 5px no-repeat; padding-left: 12px;}
#demarche-res .panel-col-first p { text-align: center;}
#demarche-res .panel-col p { color: #fff; font-size: 14px; line-height: 18px; padding-left: 10px;}
#demarche-res .panel-col-last { float: left; width: 310px;}
#au-coeur .panel-col-first li {margin-bottom: 5px;}
#demarche-res ul.menu li a, #au-coeur .panel-col-first li a { color: #1f1c57; font-size: 15px; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; line-height: 16px;}
#au-coeur .panel-col-first { float: left; width: 600px; background-position: left -300px;}
#must-mag .panel-col-first { float: left; width: 637px; margin-right: 0;}
#must-mag .panel-col-last { width: 207px;}
#must-mag .panel-col-last img { max-width: 207px;}

#must-mag a { font-size: 17px; color: #fff; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; line-height: 22px;}
#must-mag .panel-2col {margin-top: 0 !important;}

#must-mag .panel-col-last .block-content div a { float: right; }
#au-coeur .panel-col-first { margin-right: 10px;}
#au-coeur .panel-col-first li a { font-size: 15px; }
#au-coeur .panel-col-last { width: 207px;}
#menu .panel-display { margin-top: 18px;}
#menu .pane-menu-menu-menu-nos-gammes ul { margin-top: 2px;}
#menu .region-four-fourth .pane-menu-menu-menu-nos-gammes ul.menu li { background: url("../images/sprites.png") no-repeat scroll -3px -80px transparent; margin-left: 7px; padding: 5px 5px 2px 10px; margin-bottom: 3px;}
#menu .region-four-fourth .pane-menu-menu-menu-nos-gammes ul.menu li a {color: #fff; font-size: 14px; text-transform: none; font-family: 'Rubik',sans-serif;}
#mini-panel-sub_menu_overplay_mon_profil .region-two-33-66-first {
	width: 25%;
	float: left;
	margin-right: 5%;
}
#mini-panel-sub_menu_overplay_mon_profil .region-two-33-66-second {
	width:65%;
	float: left;
}
#mini-panel-sub_menu_overplay_mon_profil .region-two-33-66-second p {
	color: #fff;
	padding-bottom: 20px;
}


@media only screen and (max-width: 755px) {

.sp-sub-menu-hidden .sub-menu-wrapper{
  display: none;
}
  #menu {
  margin-bottom: 5px;
}
#menu-bar.nav {
  clear: both;
  background: url('../images/bg-menu-320.png') no-repeat;
  height: auto;
  margin: 0;
  z-index: 100;
  position: relative;
}
#block-menu-menu-main-menu {
  float: none;
}
#menu-bar.nav ul.menu {
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
  display: none;
  z-index: 101;
  position: absolute;
  top: 26px;
  left: 0;
  width: 320px;
  background: url('../images/menu-320-shadow.png') left bottom repeat-x;
}
#menu-bar.nav .active {
  display: block !important;
}
#menu-bar.nav ul.menu li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  height: auto;
  background: url('../images/bg-menu-320.png') left top repeat-x;
  width: 320px;
  border: none;
}
#menu-bar.nav ul.menu li.first {
  display: block;
}
#menu-bar.nav ul.menu li a {
  display: block;
  border-top: 1px solid #5f9ce0;
  white-space: nowrap;
  padding: 2px 9px 2px;
  color: #eee;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  text-align: left;
}
#menu-bar.nav ul.menu li.must-mag, #menu-bar.nav ul.menu li.soins-experts, #menu-bar.nav ul.menu li.conseils, #menu-bar.nav ul.menu li.le-cercle, #menu-bar.nav ul.menu li.demarche-res, #menu-bar.nav ul.menu li.au-coeur {
  width: 320px;
}
#menu-bar.nav ul.menu li a:hover {
  background: none;
}
#menu-bar.nav ul.menu li.must-mag a:hover, #menu-bar.nav ul.menu li.must-mag a.active {
  background: none;
}
#menu-bar.nav ul.menu li.soins-experts a:hover, #menu-bar.nav ul.menu li.soins-experts a.active {
  background: none;
}
#menu-bar.nav ul.menu li.conseils a:hover, #menu-bar.nav ul.menu li.conseils a.active {
  background: none;
}
#menu-bar.nav ul.menu li.le-cercle a:hover, #menu-bar.nav ul.menu li.le-cercle a.active {
  background: none;
}
#menu-bar.nav ul.menu li.demarche-res a:hover, #menu-bar.nav ul.menu li.demarche-res a.active {
  background: none;
}
#menu-bar.nav ul.menu li.au-coeur a:hover, #menu-bar.nav ul.menu li.au-coeur a.active {
  background: none;
}
.display100 {
  width: 100%;
}
.nav .block {
  margin-bottom: 0;
}
.sub-menu-wrapper {
  position: static;
  z-index: 20;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 3px;
  background: url('../images/menu-320-shadow.png') left bottom repeat-x;
}
#menu .sub-menu {
  border: none;
  padding: 0px 8px 0px 7px;
  z-index: 10;
  width: 305px;
  background: #eeeae9;
  position: absolute;
  display: none;
}
#menu .sub-menu .region {
  margin: 0;
  width: 100%;
}
#menu .panel-display {
  margin: 0;
}
.sub-menu .block-content > ul.menu > li {
  margin: 0;
}
#demarche-res ul.menu li,
#au-coeur .panel-col-first li {
  padding: 0;
}
.sub-menu ul.menu li a,
#must-mag a,
#demarche-res ul.menu li a,
#au-coeur .panel-col-first li a {
  display: block;
  border-top: 1px solid #bdb9cd;
  color: #393580;
  padding: 5px 0 1px 0;
  font-size: 15px;
  line-height: 18px;
}
#menu a:hover {
  text-decoration: none;
}
.mt-menu-01 .block-title {
  font-size: 24px;
  color: #fff;
  font-family: bauer_bodoniitalic;
  text-transform: uppercase;
}
.mt-menu-01, .mt-menu-02, .mt-menu-03 {
  float: left;
  margin-right: 20px;
}
.mt-menu-02 {
  width: 150px;
}
.mt-menu-03 {
  width: 150px;
}
.mt-menu-01 {
  margin-right: 20px;
  width: 170px;
}
.mt-menu-03 {
  float: left;
}
ul.menu-inner li {
  color: #393580;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  padding-top: 6px;
}
ul.menu-inner li a, ul.menu-inner li ul li a {
  color: #fff;
  text-decoration: none;
}
ul.menu-inner li a:hover, ul.menu-inner li ul li a:hover {
  text-decoration: underline;
}
ul.menu-inner li ul {
  margin-bottom: 5px;
}
ul.menu-inner li ul li {
  list-style: none;
  padding-left: 10px;
  font-size: 12px;
  color: #fff;
  background: url(../images/sprites.png) -2px -80px no-repeat;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400;
  text-transform: none;
  font-size: 14px;
  line-height: 16px;
}
.mt-menu-04 {
  float: left;
  padding: 10px 13px;
  text-align: left;
}
.mt-menu-04 ul.menu-inner li {
  color: #fff;
}
#block-block-10 .block-title, .mt-menu-01 .block-title {
  font-size: 30px;
  color: #fff;
  font-family: bauer_bodoniitalic;
  text-transform: uppercase;
  line-height: 36px;
  padding-bottom: 16px;
}
.mt-menu-01, .mt-menu-02, .mt-menu-03 {
  float: left;
  margin-right: 38px;
}
.mt-menu-02 {
  width: 170px;
}
.mt-menu-03 {
  width: 225px;
}
.mt-menu-01 {
  margin-right: 20px;
  width: 185px;
}
.mt-menu-03 {
  float: left;
}
ul.menu-inner li {
  color: #393580;
  text-transform: uppercase;
  font-size: 15px;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  padding-top: 6px;
}
ul.menu-inner li a, ul.menu-inner li ul li a {
  color: #fff;
  text-decoration: none;
  font-family: Myriad Pro;
  font-size: 15px;
  line-height: 15px;
}
ul.menu-inner li a:hover, ul.menu-inner li ul li a:hover {
  text-decoration: underline;
}
ul.menu-inner li ul {
  margin-bottom: 5px;
}
ul.menu-inner li ul li {
  list-style: none;
  padding-left: 10px;
  font-size: 12px;
  color: #fff;
  background: url(../images/sprites.png) -2px -80px no-repeat;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400;
  text-transform: none;
  font-size: 15px;
  line-height: 16px;
}
.mt-menu-04 {
  float: left;
  padding: 10px 15px;
  text-align: left;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #393580;
  width: 170px;
  margin-top: -10px;
}
.mt-menu-04 ul.menu-inner li {
  color: #fff;
}
#menu-bar .menu-smartphone-outer, .sub-menu-smartphone-outer {
  width: 313px;
  font-size: 16px;
  line-height: 20px;
  color: #eeeeee;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  display: block;
  padding: 4px 0px 3px 7px;
  cursor: pointer;
}
.sub-menu-smartphone-outer {
  background: #eeeae9;
  font-size: 15px;
  color: #393580;
  line-height: 18px;
  padding: 5px 0px 2px 7px;
}

#menu-bar .menu-smartphone-outer .menu-smartphone-inner {
  background: url('../images/arrow-menu-320.png') 290px 4px no-repeat;
  display: block;
  color: #FFF;
}
.sub-menu-smartphone-outer .sub-menu-smartphone-inner {
  background: url('../images/arrow-sub-menu-320.png') 290px center no-repeat;
  display: block;
  padding-right: 30px;
}
.sub-menu-smartphone-outer a, .sub-menu-smartphone-outer a:hover {
  color: #393580;
  text-decoration: none;
}
#menu-bar .menu-smartphone-outer a:hover {
  text-decoration: none;
}
#menu-bar.nav {
  margin: 0;
}
.sub-menu .block-title, .sub-menu img, .sub-menu .menu .menu, #soins-experts .region-four-fourth, #le-cercle, #demarche-res .panel-col p {
  display: none !important;
}
.sub-menu .panel-row .region, .sub-menu .panel-panel, #menu .panel-panel .block-content div a {
  float: none !important;
}
.sub-menu .panel-panel,
#must-mag .panel-panel,
#demarche-res .panel-col-last,
#au-coeur .panel-col-first {
  width: auto;
}


}
@media only screen and (min-width: 756px) and (max-width:1024px) {

  #menu {
    position: relative;
    z-index: 10;
  }
#menu-bar.nav {
  clear: both;
  background: url('../images/bg-menu-768.png') no-repeat;
  height: 34px;
  margin: 0;
  z-index: 100;
  position: relative;
}
#menu-bar.nav ul.menu {
  margin: 0 0 0 18px;
  padding: 0;
}

#menu-bar.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 34px;
}

#menu-bar.nav ul.menu li.first {
  display: none;
}

#menu-bar.nav li a,
#menu-bar.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 5px 0px 13px;
  color: #eee;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500;
  text-align: center;
}

#menu-bar.nav li a:visited,
#menu-bar.nav ul.menu li a:visited {}

#menu-bar.nav li a:hover,
#menu-bar.nav li a:focus,
#menu-bar.nav ul.menu li a:hover,
#menu-bar.nav ul.menu li a:focus {}
#menu-bar.nav ul.menu li.must-mag { width: 110px;}
#menu-bar.nav ul.menu li.soins-experts { width: 110px;}
#menu-bar.nav ul.menu li.conseils { width: 75px;}
#menu-bar.nav ul.menu li.le-cercle { width: 85px;}
#menu-bar.nav ul.menu li.demarche-res { width: 184px;}
#menu-bar.nav ul.menu li.au-coeur { width: 163px;}

#menu-bar.nav ul.menu li a:hover,#menu-bar.nav ul.menu li a.current { background: url('../images/bg-menu-768.png') left -83px no-repeat;}
#menu-bar.nav ul.menu li.must-mag a:hover,#menu-bar.nav ul.menu li.must-mag a.active,#menu-bar.nav ul.menu li.must-mag a.current{ background: url('../images/bg-menu-768.png') -22px -66px;}
#menu-bar.nav ul.menu li.soins-experts a:hover, #menu-bar.nav ul.menu li.soins-experts a.active, #menu-bar.nav ul.menu li.soins-experts a.current { background: url('../images/bg-menu-768.png') -107px -66px;}
#menu-bar.nav ul.menu li.conseils a:hover, #menu-bar.nav ul.menu li.conseils a.active, #menu-bar.nav ul.menu li.conseils a.current { background: url('../images/bg-menu-768.png') -225px -66px;}
#menu-bar.nav ul.menu li.le-cercle a:hover, #menu-bar.nav ul.menu li.le-cercle a.active, #menu-bar.nav ul.menu li.le-cercle a.current { background: url('../images/bg-menu-768.png') -302px -66px;}
#menu-bar.nav ul.menu li.demarche-res a:hover, #menu-bar.nav ul.menu li.demarche-res a.active, #menu-bar.nav ul.menu li.demarche-res a.current { background: url('../images/bg-menu-768.png') -387px -66px;}
#menu-bar.nav ul.menu li.au-coeur a:hover, #menu-bar.nav ul.menu li.au-coeur a.active, #menu-bar.nav ul.menu li.au-coeur a.current { background: url('../images/bg-menu-768.png') -570px -66px;}
.sub-menu-wrapper h2.block-title  { font-weight: normal;}
.display100{width: 756px;}
.nav .block { margin-bottom: 0;}
.sub-menu-wrapper { position: absolute; z-index: 20; background: url('../images/bg-submenu-768.png') left top no-repeat; margin-top: -12px; padding-top:20px; }
.sub-menu { border: 1px solid #2477d5; z-index: 0; padding: 10px 15px 20px; z-index:10; width: 730px; background: #2477d5; position: relative; }
.sub-menu { display: none;}


#menu .region-four-first .block-title, #must-mag .block-title, #conseils .block-title, #soins-experts .block-title, #le-cercle .block-title, #demarche-res .block-title, #au-coeur .block-title { font-size: 30px; color: #fff; font-family: bauer_bodoniitalic; text-transform: uppercase; line-height: 36px; padding-bottom: 6px;}
#menu .region-four-first, #menu .region-four-second, #menu .region-four-third,
#menu .region-four-fourth, #demarche-res .panel-col-first  { float: left; margin-left: 6px; width: 167px;}
#menu .region-four-first { margin-left: 0;}
.sub-menu ul.menu > li{ color: #393580; text-transform: uppercase; font-size: 15px; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; padding-bottom: 2px; line-height: 15px; float: left; width: 99%;}
.sub-menu ul.menu li a { color: #1f1c57; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; font-size: 15px;}
.sub-menu .block-content>ul.menu >li{ margin-bottom: 16px;}
.sub-menu ul.menu li ul li a {color: #fff; text-decoration: none; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; padding-left: 0; }
.sub-menu ul.menu li a:hover, ul.menu-inner li ul li a:hover { text-decoration: underline;}
.sub-menu ul.menu li ul li { list-style: none; padding-left: 10px; font-size: 12px; color: #fff; background: url(../images/sprites.png) -2px -80px no-repeat; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; text-transform: none; font-size: 15px; line-height: 18px; margin-left: -2px; padding-top: 4px;}
.sub-menu ul.menu li ul li.first{ margin-top: 0px }

#soins-experts .region-four-fourth { float: left; text-align: left;  width: 183px; padding-bottom: 10px;}

#menu-bar .menu-smartphone-outer, .sub-menu-smartphone-outer { display: none;}
#menu .panel-col-first { float: left;}
#menu .panel-col-first p { text-align: center;}

#menu .panel-col-first .block-content div a { float: right;}
#menu .panel-col-last { float: right;}
#menu #must-mag .panel-col-first { width: 538px; margin-right: 10px;}
#must-mag .panel-col-first img  { max-width: 532px; }
#menu #must-mag .panel-col-last { width: 173px;}
#le-cercle .panel-col-first, #demarche-res .panel-col{ width: 261px; margin-right: 10px; float: left;}
#le-cercle .panel-col-first img { margin-top: 2px;}
#le-cercle .panel-col-last { overflow: hidden; float: none; padding-left: 12px;}
#le-cercle .panel-col-last p strong { color: #1f1c57; font-size: 30px; font-family: bauer_bodoniitalic; line-height: 30px; padding-bottom: 5px;}
#le-cercle .panel-col-last p { color: #fff; font-size: 14px; padding-bottom: 6px; line-height: 18px;}
#le-cercle .panel-col-last p a { font-size: 14px; color: #fff; display: block;}
#demarche-res .panel-col-first p { text-align: center;}
#demarche-res .panel-col p { color: #fff; font-size: 14px; line-height: 18px; padding-left: 10px;}
#demarche-res .panel-col-last { float: left; width: 280px;}
#demarche-res ul.menu li, #au-coeur .panel-col-first li { background: url("../images/icons.png") left -247px no-repeat; padding: 5px 0 5px 15px; }
#au-coeur .panel-col-first li {margin-bottom: 5px;}
#demarche-res ul.menu li a, #au-coeur .panel-col-first li a { color: #1f1c57; font-size: 18px; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 500; line-height: 16px;}
#au-coeur .panel-col-first { float: left; width: 480px; background-position: left -300px; margin-right: 10px;}
#must-mag .panel-col-first { float: left; width: 637px; margin-right: 0;}

#must-mag a { font-size: 17px; color: #fff; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400; line-height: 22px;}
#must-mag .panel-2col {margin-top: 0 !important;}
#au-coeur .panel-col-first li a { font-size: 15px; }
#au-coeur .panel-col-last { width: 198px;}
#menu .panel-display { margin-top: 18px;}
#menu .pane-menu-menu-menu-nos-gammes ul { margin-top: 2px;}
#menu .region-four-fourth .pane-menu-menu-menu-nos-gammes ul.menu li { background: url("../images/sprites.png") no-repeat scroll -3px -80px transparent; margin-left: 7px; padding: 5px 5px 2px 10px;}
#menu .region-four-fourth .pane-menu-menu-menu-nos-gammes ul.menu li a {color: #fff; font-size: 15px; text-transform: none; font-family: 'Rubik',sans-serif; font-style: normal; font-weight: 400;}
#must-mag .panel-col-last img { width: 173px;}

#menu-bar .menu-smartphone-outer {
  display: none;
}
.sub-menu-wrapper .region  { width: 724px;}
  #menu-bar.nav ul.menu li.soins-experts{
    width: 121px;
  }
}
*/

/***************************
* MENU
***************************/

#nav-content #menu {
  position: relative;
  /* MENU PREMIER NIVEAU */
  /* MENU SECOND NIVEAU */
  /* ## GENERIC */
  /* MENU SECOND NIVEAU */
  /* ## SPECIFIC */
  /* Menu - mustela club */
}

#nav-content #menu > .menu-tree-container > .menu {
  background-color: #f7f5f5;
  margin-bottom: 6px;
  box-shadow: 0px 4px 4px 0px #cfcfcf;
}

#nav-content #menu > .menu-tree-container > .menu li {
  line-height: 75px;
  display: inline-block;
  position: relative;
  font-family: 'omnesmedium';
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
}

#nav-content #menu > .menu-tree-container > .menu li a {
  line-height: 75px;
  margin: 0 34px;
  display: block;
  color: #004d9d;
  position: relative;
}

#nav-content #menu > .menu-tree-container > .menu li a:after {
  content: '';
  height: 0px;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background-color: #393782;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#nav-content #menu > .menu-tree-container > .menu li a:hover {
  text-decoration: none;
}

#nav-content #menu > .menu-tree-container > .menu li.active a:after {
  bottom: -5px;
  height: 5px;
}

#nav-content #menu > .menu-tree-container > .menu li img {
  height: 35px;
  width: auto;
  max-width: 35px;
  vertical-align: middle;
  padding: 0 5px;
  margin-bottom: 0;
}

#nav-content #menu > .menu-tree-container > .menu li.image-single img {
  height: 50px;
  max-width: 130px;
}

#nav-content #menu > .menu-tree-container > .menu li:after {
  content: '';
  display: block;
  height: 25px;
  width: 1px;
  background-color: #004d9d;
  position: absolute;
  top: 25px;
  right: 0px;
}

#nav-content #menu > .menu-tree-container > .menu li:last-child:after {
  display: none;
}

#nav-content #menu > .menu-tree-container > .menu li .mega-menu-mustelaclub-link-0 .icon img {
  height: 50px;
  max-width: 130px;
}

#nav-content #menu > .menu-tree-container > .menu li .mega-menu-mustelaclub-link-0 .txt {
  display: none;
}

#nav-content #menu .mega-menu-dropdown {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  top: 80px;
}

#nav-content #menu .mega-menu-dropdown .menu-tree-container {
  display: inline-block;
  position: relative;
  font-family: 'omnesregular';
  font-size: 18px;
  font-weight: normal;
  box-sizing: border-box;
}

#nav-content #menu .mega-menu-dropdown > .menu-tree-container {
  background-color: #f7f5f5;
  box-shadow: 0px 4px 4px 0px #cfcfcf;
  width: 100%;
  padding: 30px 12px 12px;
  height: auto;
}

#nav-content #menu .mega-menu-dropdown > .menu-tree-container > .menu > li.mega-menu-fake-item {
  width: 19%;
  padding-left: 1%;
  box-sizing: border-box;
  border-left: 1px solid #dfdfdf;
  margin-top: 45px;
}

#nav-content #menu .mega-menu-dropdown > .menu-tree-container > .menu > li.mega-menu-fake-item > a {
  display: none;
}

#nav-content #menu .mega-menu-dropdown > .menu-tree-container > .menu > li.mega-menu-fake-item > .menu-tree-container > .menu > li:nth-child(3) a {
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-dropdown > .menu-tree-container > .menu > li.mega-menu-fake-item > .menu-tree-container > .menu > li > a {
  margin-bottom: 10px;
}

#nav-content #menu .mega-menu-dropdown.active {
  display: block;
}

#nav-content #menu .item-title {
  display: inline-block;
  vertical-align: top;
}

#nav-content #menu .item-title > a {
  display: block;
  font-family: 'omnesmedium';
  font-size: 20px;
  text-transform: uppercase;
}

#nav-content #menu .item-title > .menu-tree-container {
  display: block;
}

#nav-content #menu .item-title > .menu-tree-container li.menu-depth-3 {
  width: 100%;
}

#nav-content #menu .item-subtitle {
  display: inline-block;
  vertical-align: top;
}

#nav-content #menu .item-subtitle > a {
  display: block;
  font-family: 'omnesmedium';
  font-size: 16px;
}

#nav-content #menu .item-list {
  position: relative;
  font-size: 14px;
  padding: 7px 0px;
  padding-left: 25px;
}

#nav-content #menu .item-list a {
  position: relative;
  display: block;
}

#nav-content #menu .item-list a:before {
  content: "";
  position: absolute;
  left: -25px;
  margin: 2px 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li {
  padding: 10px 10px 0px 10px;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li > a {
  min-height: 40px;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li.first {
  padding: 10px 10px 0px 0px;
  width: 17%;
  box-sizing: border-box;
  border-right: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li.first .mustela-menu-block-simple-img {
  margin-top: 55px;
  padding-top: 10px;
  border-top: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li:not(.first):not(.last) {
  width: 64%;
  box-sizing: border-box;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li:not(.first):not(.last) > .menu-tree-container > .menu > li {
  width: 25%;
  padding: 0 7px;
  box-sizing: border-box;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li:not(.first):not(.last) > .menu-tree-container > .menu > li > a {
  min-height: 32px;
  padding: 5px 7px 5px 0px;
}

#nav-content #menu .mega-menu-products-dropdown > .menu-tree-container > .menu > li:not(.first):not(.last) .mustela-menu-block-simple-img {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-products-dropdown .menu-depth-2 {
  display: inline-block;
  vertical-align: top;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li {
  padding: 10px 10px 0px 10px;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li > a {
  min-height: 40px;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.first {
  padding: 10px 10px 0px 0px;
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.first .mustela-menu-block-simple-img {
  margin-top: 25px;
  padding-top: 10px;
  border-top: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last {
  width: 75%;
  box-sizing: border-box;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last > .menu-tree-container > .menu {
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last > .menu-tree-container > .menu > li {
  width: 33%;
  padding: 0 7px;
  box-sizing: border-box;
  vertical-align: top;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last > .menu-tree-container > .menu > li > a {
  min-height: 32px;
  padding: 5px 7px 5px 0px;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last > .menu-tree-container > .menu > li .item-list {
  font-family: 'omnesmedium';
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last .mustela-menu-block-simple-img:nth-child(2) {
  padding-top: 10px;
  box-sizing: border-box;
  float: left;
  max-width: 100%;
}

#nav-content #menu .mega-menu-advices-dropdown > .menu-tree-container > .menu > li.last .mustela-menu-block-simple-img:nth-child(3) {
  padding-top: 10px;
  box-sizing: border-box;
  float: right;
  max-width: 100%;
}

#nav-content #menu .mega-menu-engagements-dropdown > .menu-tree-container {
  padding: 20px 12px 20px;
}

#nav-content #menu .mega-menu-engagements-dropdown > .menu-tree-container > .menu {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  width: 48%;
  vertical-align: top;
}

#nav-content #menu .mega-menu-engagements-dropdown > .menu-tree-container .mustela-menu-block-simple-img {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  width: 25%;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content {
  box-sizing: border-box;
  padding: 40px 50px 60px;
  background-color: #f7f5f5;
  box-shadow: 0px 4px 4px 0px #cfcfcf;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content *,
#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content *:before,
#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content *:after {
  box-sizing: inherit;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content:before,
#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content:after {
  content: " ";
  display: table;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .dropdown-content:after {
  clear: both;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-menu-block-mustela-club-wrapper {
  float: left;
  padding-right: 20px;
  text-align: center;
  width: 69.5%;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-title-field {
  font-family: 'omnessemibold';
  font-weight: normal;
  color: #004d9d;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 5px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-txt-caption {
  font-family: 'omnesmedium';
  font-weight: normal;
  color: #596981;
  font-size: 16px;
  text-align: center;
  margin-bottom: 40px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub {
  margin-bottom: 25px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub:before,
#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub:after {
  content: " ";
  display: table;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub:after {
  clear: both;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub > .field-items > .field-item {
  float: left;
  width: 26%;
  text-align: center;
  margin-left: 8%;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub > .field-items > .field-item:first-child {
  margin-left: 0;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub .field-name-title-field {
  margin-bottom: 0;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub .field-name-title-field h4 {
  font-family: 'omnesmedium';
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  margin: 0;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub .field-name-field-menub-txt-caption {
  font-size: 14px;
  color: #004d9d;
  margin: 0;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub .field-name-field-menub-rif-img {
  margin-top: 5px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-subscribe {
  font-family: 'omnesmedium';
  font-weight: normal;
  color: #fff;
  font-size: 15px;
  padding: 11px 0 12px;
  width: 220px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form {
  float: right;
  width: 30.5%;
  border-left: 1px solid #dfdfdf;
  position: relative;
  padding-left: 30px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form:before {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  width: 1px;
  background: #fff;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form > h3 {
  font-family: 'omnessemibold';
  font-weight: normal;
  font-size: 20px;
  color: #004d9d;
  margin: 0 0 25px;
  text-align: center;
  text-transform: uppercase;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item {
  text-align: left;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item label {
  display: none;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item .form-text {
  color: #004d9d;
  font-family: 'omnesregular';
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 18px;
  width: 100%;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-textfield {
  margin-bottom: 25px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-password {
  margin-bottom: 10px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list {
  padding: 0;
  margin: 0 0 10px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a {
  font-family: 'omnesmedium';
  font-weight: normal;
  color: #004d9d;
  font-size: 12px;
  text-decoration: underline;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:before {
  display: none;
  content: inherit;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:hover,
#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:focus {
  text-decoration: none;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-checkbox {
  padding: 0;
  margin: 0 0 20px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-checkbox input {
  top: 1px;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-checkbox label {
  color: #004d9d;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  vertical-align: middle;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit {
  background: #004d9d;
  font-size: 15px;
  color: #fff;
  padding: 0;
  line-height: 40px;
  height: 40px;
  text-align: center;
  width: 100%;
  font-family: 'omnesmedium';
  font-weight: normal;
}

#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit:hover,
#nav-content #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit:focus {
  text-decoration: underline;
}

#menu-mobile {
  display: none;
}

/* btn for mobile only */

#btn-mobile,
#mobile-menu-back {
  display: none;
}

@media only screen and (max-width: 1024px) {
  #nav-content #menu > .menu-tree-container > .menu li {
    font-size: 16px;
  }

  #nav-content #menu > .menu-tree-container > .menu li a {
    margin: 0 18px;
  }
}

@media only screen and (max-width: 755px) {
  #nav-content {
    display: none;
  }

  #page > #logo {
    display: none;
  }

  #logo {
    margin: 0;
  }

  #logo img {
    max-width: 165px;
  }

  /* Btn menu mobile */

  #btn-mobile {
    background: url("../images/menu-mobile-icon.png") no-repeat 0 0;
    background-size: cover;
    height: 21px;
    width: 27px;
    text-indent: -10000px;
    display: block;
    position: absolute;
    left: 10px;
    top: 15px;
  }

  #btn-mobile.open {
    background: url("../images/menu-mobile-close-icon.png") no-repeat 50% 0;
    background-size: 11px 10px;
    display: inline-block;
    height: 14px;
    width: auto;
    text-indent: inherit;
    padding-top: 13px;
    font-size: 10px;
  }

  #btn-mobile:hover,
  #btn-mobile:focus {
    text-decoration: none;
  }

  /* Btn back menu mobile */

  #mobile-menu-back {
    font-family: 'omnesmedium';
    font-weight: normal;
    box-shadow: 0px 4px 4px 0px #cfcfcf;
    color: #004d9d;
    display: none;
    font-size: 12px;
    padding: 6px 30px 5px 50px;
    text-transform: uppercase;
    position: relative;
  }

  #mobile-menu-back.active {
    display: block;
  }

  #mobile-menu-back:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent #004d9d transparent transparent;
    content: "";
    position: absolute;
    left: 30px;
    top: 7px;
  }

  #mobile-menu-back:hover,
  #mobile-menu-back:focus {
    text-decoration: none;
  }

  /* sticky header   */

  #page.sticky-menu {
    padding-top: 73px;
    /* => margin + padding + height menu-mobile */
  }

  #page.sticky-menu #menu-mobile {
    position: fixed;
    top: 0;
    left: 50%;
    width: 320px;
    z-index: 99;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    padding: 0;
    margin: 0;
  }

  #page.sticky-menu #menu-mobile #menu {
    top: 53px;
    position: static;
    background: #f7f5f5;
  }

  #page.sticky-menu #menu-mobile #logo {
    margin: 0;
    background: #fff;
    padding: 4px 0;
    box-shadow: 0px 4px 4px 0px #cfcfcf;
  }

  .menu-open #page.sticky-menu #menu-mobile {
    overflow: scroll;
    bottom: 0;
  }

  #menu-mobile {
    display: block;
    position: relative;
    margin: 0 0 20px;
    padding-top: 8px;
    transition: box-shadow 0.5s ease;
    z-index: 15;
  }

  #menu-mobile:before,
  #menu-mobile:after {
    content: " ";
    display: table;
  }

  #menu-mobile:after {
    clear: both;
  }

  #menu-mobile #menu {
    background: #f7f5f5;
    box-shadow: 0px 4px 4px 0px #cfcfcf;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 10;
    overflow-y: scroll;
    overflow-x: hidden;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: left top;
    opacity: 0;
    height: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    /* Menu dropdown */
    /* Menu - mustela club */
  }

  #menu-mobile #menu.active {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    height: auto;
  }

  #menu-mobile #menu .menu-depth-1 > a {
    border-bottom: 1px solid #d5dee9;
  }

  #menu-mobile #menu .menu-depth-1.item-selected > a:after {
    display: none;
    content: inherit;
  }

  #menu-mobile #menu > .menu-tree-container li {
    /* Manage img push block */
  }

  #menu-mobile #menu > .menu-tree-container li a {
    font-family: 'omnesmedium';
    font-weight: normal;
    color: #004d9d;
    display: block;
    font-size: 17px;
    position: relative;
    text-transform: uppercase;
    padding: 6px 18px;
  }

  #menu-mobile #menu > .menu-tree-container li a:hover,
  #menu-mobile #menu > .menu-tree-container li a:focus {
    text-decoration: none;
  }

  #menu-mobile #menu > .menu-tree-container li a .icon {
    display: table-cell;
    vertical-align: middle;
    width: 55px;
    height: 40px;
  }

  #menu-mobile #menu > .menu-tree-container li a .icon img {
    max-width: 35px;
    vertical-align: middle;
  }

  #menu-mobile #menu > .menu-tree-container li a .txt {
    display: table-cell;
    vertical-align: middle;
    width: 215px;
  }

  #menu-mobile #menu > .menu-tree-container li a:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent transparent transparent #004d9d;
    position: absolute;
    right: 20px;
    top: 18px;
  }

  #menu-mobile #menu > .menu-tree-container li a.mega-menu-mustelaclub-link-0 .icon img {
    max-width: 40px;
  }

  #menu-mobile #menu > .menu-tree-container li .entity-mustela-menu-block .mustela-menu-block-link {
    padding: 11px 25px;
  }

  #menu-mobile #menu > .menu-tree-container li .entity-mustela-menu-block .mustela-menu-block-link:after {
    content: inherit;
    display: none;
  }

  #menu-mobile #menu > .menu-tree-container li .mustela-menu-block-link {
    border: 0;
  }

  #menu-mobile #menu > .menu-tree-container li .mustela-menu-block-link:after {
    content: inherit;
    display: none;
  }

  #menu-mobile #menu > .menu-tree-container li.item-selected .mega-menu-mustelaclub-link-0 {
    padding: 10px 18px;
  }

  #menu-mobile #menu > .menu-tree-container li.item-selected .mega-menu-mustelaclub-link-0 .icon {
    width: 100%;
    height: auto;
    text-align: center;
    display: block;
  }

  #menu-mobile #menu > .menu-tree-container li.item-selected .mega-menu-mustelaclub-link-0 .icon img {
    max-width: 70px;
  }

  #menu-mobile #menu > .menu-tree-container li.item-selected .mega-menu-mustelaclub-link-0 .txt {
    display: none;
  }

  #menu-mobile #menu .mega-menu-dropdown {
    display: none;
    /* Menu dropdown - level 2 */
    /* Menu level 2 with level3 special style */
    /* Menu - our engagements */
  }

  #menu-mobile #menu .mega-menu-dropdown.item-active {
    display: block;
  }

  #menu-mobile #menu .mega-menu-dropdown .contextual-links-trigger {
    display: none !important;
  }

  #menu-mobile #menu .mega-menu-dropdown li a {
    border-bottom: 1px solid #d5dee9;
    font-family: 'omnesmedium';
    font-weight: normal;
    color: #004d9d;
    display: block;
    font-size: 15px;
    position: relative;
    text-transform: none;
    padding: 11px 35px 11px 25px;
  }

  #menu-mobile #menu .mega-menu-dropdown li a:hover,
  #menu-mobile #menu .mega-menu-dropdown li a:focus {
    text-decoration: none;
  }

  #menu-mobile #menu .mega-menu-dropdown li a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
    border-left: 8px solid;
    position: absolute;
    right: 25px;
    top: 12px;
  }

  #menu-mobile #menu .mega-menu-dropdown .menu-depth-2 .title-top-active {
    font-family: 'omnesmedium';
    font-weight: normal;
    border: 0;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 13px 25px;
    font-size: 17px;
    text-transform: uppercase;
  }

  #menu-mobile #menu .mega-menu-dropdown .menu-depth-2 .title-top-active:after {
    display: none;
    content: inherit;
  }

  #menu-mobile #menu .mega-menu-dropdown .menu-depth-2 .menu-tree-container {
    display: none;
  }

  #menu-mobile #menu .mega-menu-dropdown .level-2.has-niv3 > a {
    text-transform: uppercase;
  }

  #menu-mobile #menu .mega-menu-dropdown.mega-menu-engagements-dropdown .mustela-menu-block-simple-img {
    float: left;
    width: 37.8%;
    margin: 14px 0 14px 25px;
  }

  #menu-mobile #menu .mega-menu-dropdown.mega-menu-engagements-dropdown .mustela-menu-block-simple-img .mustela-menu-block-link {
    padding: 0;
  }

  #menu-mobile #menu .mega-menu-dropdown .has-niv4 .mustela-menu-block-simple-img {
    display: none;
  }

  #menu-mobile #menu .mega-menu-dropdown .has-niv4.item-selected .mustela-menu-block-simple-img {
    display: block;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-menu-block-mustela-club-wrapper {
    padding: 15px 55px;
    border-bottom: 1px solid #dfdfdf;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .field-name-title-field {
    font-family: 'omnessemibold';
    font-weight: normal;
    color: #004d9d;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 5px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-txt-caption {
    font-family: 'omnesmedium';
    font-weight: normal;
    color: #596981;
    font-size: 12px;
    text-align: center;
    margin-bottom: 25px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .field-name-field-menub-er-menub {
    display: none;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-subscribe {
    font-family: 'omnesmedium';
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding: 6px 0;
    text-align: center;
    text-transform: none;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-subscribe:after {
    display: none;
    content: inherit;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form {
    border-top: 1px solid #fff;
    padding: 10px 55px 20px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form > h3 {
    font-family: 'omnessemibold';
    font-weight: normal;
    font-size: 15px;
    color: #004d9d;
    margin: 0 0 25px;
    text-align: center;
    text-transform: uppercase;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item {
    text-align: left;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item label {
    display: none;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item .form-text {
    color: #004d9d;
    font-family: 'omnesregular';
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 18px;
    width: 100%;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item ::-webkit-input-placeholder {
    color: #004d9d;
    font-style: italic;
    opacity: 1;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item ::-moz-placeholder {
    /* Firefox 19+ */
    color: #004d9d;
    font-style: italic;
    opacity: 1;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-item :-ms-input-placeholder {
    color: #004d9d;
    font-style: italic;
    opacity: 1;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-textfield {
    margin-bottom: 15px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-password {
    margin-bottom: 10px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list {
    padding: 0;
    margin: 0 0 10px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a {
    font-family: 'omnesmedium';
    font-weight: normal;
    color: #004d9d;
    font-size: 12px;
    text-decoration: underline;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:before {
    display: none;
    content: inherit;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:hover,
  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .item-list a:focus {
    text-decoration: none;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .forgot-popup {
    padding: 0;
    font-size: 10px;
    text-align: center;
    display: block;
    text-transform: none;
    border: 0;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .forgot-popup:after {
    display: none;
    content: inherit;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-checkbox {
    padding: 0;
    margin: 0 0 15px;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-type-checkbox label {
    color: #004d9d;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    vertical-align: middle;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit {
    background: #004d9d;
    color: #fff;
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    font-family: 'omnesmedium';
    font-weight: normal;
  }

  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit:hover,
  #menu-mobile #menu .mega-menu-mustela-club-dropdown .mustela-club-login-form .form-submit:focus {
    text-decoration: underline;
  }
}

/***************************
* FOOTER
***************************/

#footer {
  margin-top: 30px;
}

#footer #block-block-9 {
  text-align: center;
}

#footer #block-block-9 .block-inner {
  margin-top: 15px;
}

#footer .block-mustela-ft-common {
  clear: both;
}

/* Bloc menu footer */

#block-menu-menu-footer-menu {
  float: left;
  width: 725px;
}

#block-menu-menu-footer-menu li {
  float: left;
  margin-right: 2% !important;
}

#block-menu-menu-footer-menu li:last-child {
  margin-right: 0 !important;
}

#block-menu-menu-footer-menu li a {
  font-family: 'omnesregular';
  font-weight: normal;
  color: #004d9d;
  font-size: 14px;
  text-transform: uppercase;
}

#block-menu-menu-footer-menu li a:hover,
#block-menu-menu-footer-menu li a.active {
  color: #999;
  text-decoration: none;
}

/* IE fix */

.ie7 #footer .menu {
  margin-top: 4px;
}

.ie8 #footer .menu {
  margin-top: -3px;
}

.ie7 #footer .menu li {
  float: left;
}

/* Block select menu footer */

#block-menu-menu-footer-drop-down-link {
  float: right;
  margin-right: 11px;
}

/*combobox fake*/

.combobox-fake {
  display: inline-block;
  position: relative;
}

.combobox-fake input {
  background: url("../images/combobox-sprite.png") no-repeat scroll left -21px transparent;
  height: 20px;
  width: 152px;
  color: #434343;
  font: 12px/16px 'Rubik', sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 0px 5px 0px 8px;
  cursor: pointer;
}

.combobox-fake .list-select {
  bottom: 20px;
  position: absolute;
  right: 3px;
  width: 162px;
  background: #fff;
  display: none;
  max-height: 250px;
  overflow: auto;
  z-index: 10;
}

.combobox-fake .list-select li {
  list-style: none;
  border-top: 1px solid #F9F9F9;
}

.combobox-fake .list-select a:link,
.combobox-fake .list-select a:visited {
  display: block;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none;
  color: #333;
  padding: 2px 5px 2px 5px;
  width: 150px;
  border-left: 1px solid #F9F9F9;
  border-right: 1px solid #F9F9F9;
}

.combobox-fake .list-select a:active,
.combobox-fake .list-select a.active {
  background: #9E9E9E;
  color: #333;
}

.combobox-fake .list-select a:hover {
  background: #2477D5;
  color: #fff;
}

#combobox_footer {
  display: none;
}

/* Block social media */

.block-footer-social-media {
  position: relative;
  margin-bottom: 40px;
}

.block-footer-social-media:before {
  background: #004d9d;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.block-footer-social-media__list {
  background: #fff;
  position: relative;
  z-index: 2;
  text-align: center;
  display: table;
  padding: 0 17px;
  margin: 0 auto 40px;
}

.block-footer-social-media .block-footer-social-media__item {
  display: inline-block;
  margin: 0 8px;
}

.block-logo-footer {
  clear: both;
  float: left;
  margin: 40px 0;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  div.ThemeFooter {
    display: none;
  }

  #block-menu-menu-footer-menu {
    width: 580px;
  }

  #block-menu-menu-footer-menu li {
    margin-right: 2% !important;
  }

  #block-menu-menu-footer-menu li a {
    font-size: 12px;
  }
}

@media only screen and (max-width: 755px) {
  #footer {
    text-align: center;
  }

  .block-footer-social-media {
    margin-bottom: 20px;
  }

  .block-footer-social-media__list {
    margin-bottom: 20px;
    padding: 0 8px;
  }

  .block-footer-social-media .block-footer-social-media__item {
    margin: 0;
  }

  .block-footer-social-media .block-footer-social-media__item img {
    width: 66%;
  }

  #block-menu-menu-footer-drop-down-link {
    float: none;
    margin: 0 0 20px;
  }

  #block-menu-menu-footer-menu {
    float: none;
    width: 100%;
  }

  #block-menu-menu-footer-menu li {
    float: none;
    display: block;
    margin-bottom: 5px;
  }

  #block-menu-menu-footer-menu li a {
    font-size: 12px;
  }

  .block-logo-footer {
    margin: 20px 0;
  }
}

/***************************
* COMPONENTS
***************************/

/* Class globale */

.btn {
  background: #004d9d;
  color: #fff;
  font-family: "omnesregular";
  font-size: 16px;
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 8px;
}

@media only screen and (max-width: 755px) {
  .btn {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

/* Class responsive */

.mobile-show {
  display: none;
}

@media only screen and (max-width: 755px) {
  .mobile-hide {
    display: none !important;
  }

  .mobile-show {
    display: block;
  }
}

/* Title */

.title-style-1 {
  font-family: 'omnessemibold';
  font-size: 30px;
  font-weight: normal;
  font-style: italic;
}

.title-style-2 {
  font-family: 'omnesmedium';
  font-size: 40px;
  font-weight: normal;
  margin: 0 0 20px;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (max-width: 755px) {
  .title-style-2 {
    font-size: 25px;
  }
}

/* Widget rating star */

.rating-star:before,
.rating-star:after {
  content: " ";
  display: table;
}

.rating-star:after {
  clear: both;
}

.rating-star__item {
  background: url("../images/sprite-rating-star2.png") no-repeat 0 0;
  float: left;
  height: 13px;
  width: 15px;
  margin-left: 1px;
}

.rating-star__item:first-child {
  margin-left: 0;
}

.rating-star__item.off {
  background-position: 0 100%;
}

/* Widget block toggled */

.btn-toggle-view {
  background: url("../images/icon-collapse.png") no-repeat 0 100%;
  display: block;
  height: 19px;
  position: absolute;
  right: 0;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
}

.btn-toggle-view.clicked {
  background-position: 0 0;
}

.block-content-toggle {
  position: relative;
}

/* special Breadcrumb */

.link-back-retour-new a {
  background: #004d9d;
  color: #fff;
  display: inline-block;
  float: none;
  font-family: "omnesregular";
  font-size: 14px;
  padding: 7px 15px 8px 25px;
  text-align: left;
  position: relative;
}

.link-back-retour-new a:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 7px 6px 0;
  border-color: transparent #ffffff transparent transparent;
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
}

.breadcrumb {
  margin-top: 25px;
}

.breadcrumb.with-btn-back .link-back-retour-new {
  display: table-cell;
  float: none;
  vertical-align: middle;
  width: auto;
}

.breadcrumb.with-btn-back .breadcrumb-inner {
  display: table-cell;
  float: none;
  vertical-align: middle;
  width: auto;
  padding-left: 10px;
}

/* special style hack for input */

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-text-fill-color: #004d9d !important;
}

/***************************
* Class panel color
* for applying custom color
***************************/

/* Txt panel color */

.txt-panel1 {
  color: #004d9d;
}

.txt-panel2 {
  color: #ed1651;
}

.txt-panel3 {
  color: #69c8cd;
}

.txt-panel4 {
  color: #7ccef3;
}

.txt-panel5 {
  color: #393681;
}

/* Border panel color */

.border-panel1 {
  border-color: #004d9d;
}

.border-panel2 {
  border-color: #ed1651;
}

.border-panel3 {
  border-color: #69c8cd;
}

.border-panel4 {
  border-color: #7ccef3;
}

.border-panel5 {
  border-color: #393681;
}

/* Btn panel color */

.btn-panel1 {
  background: #004d9d;
}

.btn-panel2 {
  background: #ed1651;
}

.btn-panel3 {
  background: #69c8cd;
}

.btn-panel4 {
  background: #7ccef3;
}

.btn-panel5 {
  background: #393681;
}

/***************************
* BLOCK
***************************/

/* Block search autocomplete (voir si on garde ce block) */

#block-search-form #autocomplete {
  background: #FFFFFF;
  color: #999;
  display: none;
  font-size: 12px;
  position: absolute;
  width: 128px !important;
  z-index: 9999;
  margin-left: -3px;
}

.ie #block-search-form #autocomplete {
  width: 127px !important;
}

#block-search-form #autocomplete li {
  padding: 2px 5px;
}

/* Block our engagements */

.block-our-engagements {
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  min-height: 314px;
}

.block-our-engagements .btn {
  left: 475px;
  position: relative;
  text-align: center;
  top: 255px;
  width: 210px;
}

@media only screen and (max-width: 1024px) {
  .block-our-engagements {
    min-height: 256px;
  }

  .block-our-engagements .btn {
    left: 368px;
    top: 205px;
  }
}

@media only screen and (max-width: 755px) {
  .block-our-engagements {
    min-height: 318px;
  }

  .block-our-engagements__body {
    text-align: center;
  }

  .block-our-engagements .btn {
    left: auto;
    top: 258px;
    width: 117px;
  }
}

/* Block our advices */

.block-our-advices {
  box-sizing: border-box;
  clear: both;
  margin-bottom: 35px;
}

.block-our-advices *,
.block-our-advices *:before,
.block-our-advices *:after {
  box-sizing: inherit;
}

.block-our-advices__list:before,
.block-our-advices__list:after {
  content: " ";
  display: table;
}

.block-our-advices__list:after {
  clear: both;
}

.block-our-advices__list .node-advice {
  position: static;
}

.block-our-advices__list .block-our-advices__item {
  display: table-cell;
  position: relative;
  padding-bottom: 33px;
  padding-left: 2.1%;
  width: 50%;
}

.block-our-advices__list .block-our-advices__item:first-child {
  margin-left: 0;
  padding-left: 0;
  position: relative;
  padding-right: 2.1%;
}

.block-our-advices__list .block-our-advices__item:first-child .block-our-advices__link {
  left: 0;
  right: 4.2%;
}

.block-our-advices__list.one-item .block-our-advices__item {
  display: block;
}

.block-our-advices__img {
  margin-bottom: 15px;
}

.block-our-advices__img img {
  vertical-align: middle;
}

.block-our-advices__title {
  font-size: 16px;
  margin: 0;
}

.block-our-advices__description {
  font-size: 14px;
  margin-bottom: 15px;
}

.block-our-advices__link {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 4.2%;
  right: 0;
}

.block-our-advices__link .btn {
  width: 100%;
}

.block-our-advices .contextual-links-region {
  position: static;
}

@media only screen and (max-width: 755px) {
  .block-our-advices {
    margin-bottom: 25px;
    padding-top: 25px;
  }

  .block-our-advices .title-style-2 {
    font-size: 20px;
  }

  .block-our-advices__list {
    display: block;
    width: 100%;
  }

  .block-our-advices__list .block-our-advices__item {
    padding: 0 !important;
    display: block;
    width: 100%;
    margin: 0 0 25px !important;
  }

  .block-our-advices__link {
    position: static;
  }
}

/* block Mustela Club */

.block-mustela-club {
  background-position: 0 0;
  background-repeat: no-repeat;
  min-height: 161px;
  margin-bottom: 15px;
}

.block-mustela-club__content {
  padding: 40px 220px 0 185px;
}

.block-mustela-club__txt {
  font-family: "omnesregular";
  font-size: 22px;
  color: #004d9d;
  min-height: 50px;
  margin-bottom: 5px;
}

.block-mustela-club__link {
  text-align: center;
}

.block-mustela-club__link .btn {
  width: 60%;
}

@media only screen and (max-width: 1024px) {
  .block-mustela-club {
    background-size: 100% auto;
    min-height: 131px;
    margin-bottom: 15px;
  }

  .block-mustela-club__content {
    padding: 20px 160px 0 145px;
  }

  .block-mustela-club__txt {
    font-size: 20px;
  }
}

@media only screen and (max-width: 755px) {
  .block-mustela-club {
    background-size: 100% auto;
    min-height: 154px;
    text-align: center;
  }

  .block-mustela-club__content {
    padding: 78px 5px 0;
  }

  .block-mustela-club__txt {
    font-size: 12px;
    min-height: 28px;
    margin-bottom: 10px;
  }

  .block-mustela-club__link {
    text-align: center;
  }

  .block-mustela-club__link .btn {
    width: 40%;
  }

  .block-mustela-ft-common {
    margin: 0 10px;
  }
}

/***************************
* Product list (shared style)
* 
***************************/

.product-list__img {
  margin-bottom: 10px;
  background: rgba(0, 77, 157, 0.12);
  border-radius: 7px;
  display: block;
  text-align: center;
}

.product-list__img img {
  vertical-align: middle;
}

.product-list__link {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  text-align: center;
  color: #004d9d;
}

/***************************
* Colorbox custom style
* 
***************************/

#colorbox #cboxLoadingOverlay,
#colorbox #cboxLoadingGraphic {
  top: 50%;
  left: 50%;
}

#colorbox #cboxLoadingOverlay {
  background: transparent;
}

#colorbox #cboxLoadingGraphic {
  background-position: 5px 5px;
}

/* Popin style 1 */

#colorbox.color-box-style-1,
#colorbox.color-box-style-2,
#colorbox.color-box-style-3 {
  box-shadow: 0px 3px 5px 0px rgba(1, 1, 1, 0.16);
}

#colorbox.color-box-style-1 #cboxWrapper,
#colorbox.color-box-style-2 #cboxWrapper,
#colorbox.color-box-style-3 #cboxWrapper {
  background: #dfe6ee;
  border-radius: 0;
}

#colorbox.color-box-style-1 #cboxContent,
#colorbox.color-box-style-2 #cboxContent,
#colorbox.color-box-style-3 #cboxContent {
  background: #dfe6ee;
  border: 0;
}

#colorbox.color-box-style-1 #cboxContent #cboxLoadedContent,
#colorbox.color-box-style-2 #cboxContent #cboxLoadedContent,
#colorbox.color-box-style-3 #cboxContent #cboxLoadedContent {
  margin-bottom: 0;
}

#colorbox.color-box-style-1 #cboxClose,
#colorbox.color-box-style-2 #cboxClose,
#colorbox.color-box-style-3 #cboxClose {
  background: url("../images/popin-btn-close-blue.png") no-repeat;
  height: 14px;
  width: 14px;
  top: 25px;
  right: 0px;
}

#colorbox.color-box-style-1 .btn {
  background: #004d9d;
}

/* Popin style 2 */

#colorbox.color-box-style-2 #cboxWrapper {
  background: #f4f3f2;
}

#colorbox.color-box-style-2 #cboxContent {
  background: #f4f3f2;
}

#colorbox.color-box-style-2 #cboxClose {
  background: url("../images/popin-btn-close-green.png") no-repeat;
}

#colorbox.color-box-style-2 .popin-content__inner {
  color: #58585a;
}

#colorbox.color-box-style-2 .btn {
  background: #79a426;
  text-align: center;
}

/* Popin product content standard */

.popin-content {
  display: none;
}

.popin-content__inner {
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
  width: 415px;
  padding-bottom: 30px;
}

.popin-content__title {
  font-size: 18px;
  margin: 0 20px 20px 0;
}

.popin-content__title--style1 {
  border-bottom: 2px solid;
  display: inline-block;
  font-size: 26px;
  font-style: italic;
  margin-bottom: 30px;
  padding-bottom: 4px;
}

.popin-content__body {
  color: #58585a;
  font-size: 16px;
  margin-bottom: 30px;
}

.popin-content__link {
  text-align: center;
}

.popin-content__link .btn {
  width: 350px;
}

.popin-content--with-col {
  color: #58585a;
  display: table;
  text-align: left;
  width: 100%;
}

.popin-content--with-col img {
  max-width: 100%;
}

.popin-content__col-l {
  display: table-cell;
  vertical-align: middle;
  width: 345px;
}

.popin-content__col-r {
  display: table-cell;
  padding-left: 30px;
  width: 350px;
  padding-bottom: 30px;
  vertical-align: middle;
}

.mustela-popin-products-made-in-france.popin-content--with-col {
  padding: 0;
}

.popin-content--with-col {
  padding-top: 0;
}

.popin-content--with-col .popin-content__col-l {
  vertical-align: top;
}

.popin-content--with-col .popin-content__col-l img {
  vertical-align: middle;
}

.popin-content--with-col .popin-content__col-r {
  padding-top: 15px;
  text-align: left;
}

@media only screen and (max-width: 755px) {
  .popin-content__inner {
    padding-left: 30px;
    width: auto;
  }

  .popin-content__title {
    font-size: 18px;
  }

  .popin-content__body {
    font-size: 14px;
  }

  .popin-content__link .btn {
    width: 225px;
  }

  .popin-content--with-col {
    padding: 0;
  }

  .popin-content--with-col img {
    max-width: 100%;
  }

  .popin-content__col-l {
    display: block;
    width: 100%;
  }

  .popin-content__col-r {
    display: block;
    width: auto;
  }
}

/***************************
* Block share + Popin mail
* 
***************************/

.block-share {
  box-sizing: border-box;
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 5;
  text-align: right;
}

.block-share *,
.block-share *:before,
.block-share *:after {
  box-sizing: inherit;
}

.block-share > a img {
  vertical-align: middle;
}

.block-share > a span {
  display: none;
}

.block-share__share-btn {
  background: url("../images/icon-share-block-sprite.png") no-repeat 0 0;
  width: 28px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.block-share__share-btn.open {
  background-position: 0 -18px;
}

.block-share__dropdown {
  background-color: #f7f5f5;
  box-shadow: 0px 0px 5px 0px rgba(0, 1, 1, 0.22);
  padding: 10px;
  text-align: left;
  margin-top: 10px;
  transform: scale(0);
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: right top;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  min-width: 155px;
}

.block-share__dropdown--open {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  height: auto;
}

.block-share__dropdown li {
  margin-bottom: 10px;
}

.block-share__dropdown li:last-child {
  margin: 0;
}

.block-share__dropdown a {
  font-family: 'omnesmedium';
  font-weight: normal;
  display: block;
  font-size: 15px;
  color: #004d9d;
  padding: 4px 0 4px 33px;
  position: relative;
  text-transform: uppercase;
}

.block-share__dropdown a:before {
  background: url("../images/icon-share-block-sprite.png") no-repeat;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.block-share__dropdown .fb_share_link1 {
  background: none !important;
  border: 0;
  color: #004d9d !important;
  height: auto;
  line-height: 1.2;
  float: none;
}

.block-share__dropdown .fb_share_link1:before {
  width: 25px;
  height: 25px;
  background-position: -28px 0;
}

.block-share__dropdown .icon-share-block-twitter:before {
  width: 25px;
  height: 25px;
  background-position: 0 -40px;
}

.block-share__dropdown .icon-share-block-mail:before {
  top: 5px;
  width: 25px;
  height: 15px;
  background-position: -28px -25px;
}

#sendmail-popup {
  display: none;
}

.sendmail {
  padding: 30px 25px 20px 55px;
  box-sizing: border-box;
}

.sendmail *,
.sendmail *:before,
.sendmail *:after {
  box-sizing: inherit;
}

.sendmail__form-container h1 {
  font-family: 'omnessemibold';
  font-weight: normal;
  color: #004d9d;
  font-size: 20px;
  padding-left: 35px;
  text-transform: uppercase;
}

.sendmail .form-item {
  margin-bottom: 25px;
}

.sendmail .form-item label {
  display: none;
}

.sendmail .form-item .form-text {
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 18px;
  width: 100%;
  font-family: 'omnesregular';
  font-weight: normal;
  color: #004d9d;
  font-size: 14px;
}

.sendmail .form-item .form-textarea {
  padding: 18px 0 0 18px;
  font-family: 'omnesregular';
  font-weight: normal;
  color: #004d9d;
  font-size: 14px;
  width: 100%;
}

.sendmail .form-item textarea::-webkit-input-placeholder,
.sendmail .form-item input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #393681;
  opacity: 1;
  font-family: 'omnesregular';
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
}

.sendmail .form-item textarea::-moz-placeholder,
.sendmail .form-item input::-moz-placeholder {
  /* Firefox 19+ */
  color: #393681;
  opacity: 1;
  font-family: 'omnesregular';
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
}

.sendmail .form-item textarea:-ms-input-placeholder,
.sendmail .form-item input:-ms-input-placeholder {
  /* IE 10+ */
  color: #393681;
  opacity: 1;
  font-family: 'omnesregular';
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
}

.sendmail .form-item textarea:-moz-placeholder,
.sendmail .form-item input:-moz-placeholder {
  /* Firefox 18- */
  color: #393681;
  opacity: 1;
  font-family: 'omnesregular';
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
}

.sendmail .form-actions .form-submit {
  font-family: 'omnesregular';
  font-weight: normal;
  background: #004d9d;
  padding: 0;
  color: #fff;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.3s ease;
}

.sendmail .form-actions .form-submit:hover,
.sendmail .form-actions .form-submit:focus {
  background: #434343;
}

@media only screen and (max-width: 755px) {
  .sendmail {
    padding: 20px 0 5px 30px;
  }

  .sendmail__form-container h1 {
    text-align: center;
    font-size: 18px;
    padding: 0;
    margin-bottom: 20px;
  }

  .sendmail .form-item .form-text {
    height: 30px;
    line-height: 30px;
  }

  .sendmail .form-actions .form-submit {
    line-height: 20px;
    font-size: 12px;
    height: 20px;
  }
}

/***************************
* Popin forgot password
* 
***************************/

#forgot-password {
  padding: 70px 55px 0;
  width: auto;
}

#forgot-password .description {
  font-family: 'omnesregular';
  font-weight: normal;
  font-size: 16px;
  color: #004d9d;
  padding-bottom: 50px;
}

#forgot-password label {
  font-family: 'omnesregular';
  font-weight: normal;
  font-size: 14px;
  color: #004d9d;
}

#forgot-password input[type=text] {
  background: #fff;
  border: 0 !important;
  height: 20px;
  font-size: 12px;
  color: #333;
}

/***************************
* PRINT
***************************/

@media print {
  #sliding-popup,
  #header,
  #nav-content,
  .breadcrumb,
  .region-two-33-66-first,
  .block-share,
  .block-mustela-ft-common,
  #footer {
    display: none !important;
  }

  .region-two-33-66-second {
    display: block;
    float: none !important;
    width: 100% !important;
  }
}




/* =============================================================================
 *   Modif Equinoa / Rémi Pigeyre / 03/2018 / Limited Editions 2018
 * ========================================================================== */
@font-face {
    font-family: 'Mustela-Regular';
    src: url('../fonts/Mustela-Regular.eot');
    src: url('../fonts/Mustela-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Mustela-Regular.woff') format('woff'),
         url('../fonts/Mustela-Regular.ttf') format('truetype'),
         url('../fonts/Mustela-Regular.svg#Mustela-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset Field-container */
.node-type-limited-edition-summary-2018 .field-collection-view,
.node-type-limited-edition-page-2018 .field-collection-view,
.node-type-limited-edition-summary-2018 .field-collection-container,
.node-type-limited-edition-page-2018 .field-collection-container {
	border: none;
	padding: 0;
	margin: 0
}


.node-type-limited-edition-summary-2018 #section-content,
.node-type-limited-edition-page-2018 #section-content {
	margin-bottom: 30px;
}
.node-type-limited-edition-summary-2018 #section-content p,
.node-type-limited-edition-page-2018 #section-content p,
.video-embed-description {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	text-align:justify;
	font-size: 1.1em;
}
@media screen and (max-width: 755px) {
.node-type-limited-edition-summary-2018 #section-content p,
.node-type-limited-edition-page-2018 #section-content p,
.video-embed-description {
	text-align:left;
}
}
.field-name-field-lim-ed-texte-paragraphe,
.field-name-field-lim-ed-texte-paragraphe p {
	color: #434343 !important;
}
.node-type-limited-edition-summary-2018 #main-content,
.node-type-limited-edition-page-2018 #main-content {
	padding-left: 15px;
	padding-right: 15px;
}
@media screen and (max-width: 755px) {
	.node-type-limited-edition-summary-2018 #main-content,
	.node-type-limited-edition-page-2018 #main-content {
		
		padding-left: 10px;
		padding-right: 10px;
	}
/*	h2,h1,h3,h4,p,.video-embed-description {
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	
	.bloc-engagements p {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
*/
}

.node-type-limited-edition-summary-2018 h1#page-title,
.node-type-limited-edition-page-2018 h1#page-title,
h2.field-name-field-lim-ed-titre-sujet,
h2.field-name-field-lim-ed-titre-bloc-ateliers,
h2.field-name-field-lim-ed-titre-sommaire,
h2.field-name-field-lim-ed-titre-bloc-produits {
	font-family: 'Mustela-Regular', helvetica, arial, sans-serif;
	color: #004d9d;
	font-size: 2.4em;
	font-weight: normal;
}
h2.field-name-field-lim-ed-titre-sujet,
h2.field-name-field-lim-ed-titre-bloc-ateliers,
h2.field-name-field-lim-ed-titre-sommaire,
h2.field-name-field-lim-ed-titre-bloc-produits {
	font-size: 2.2em;
	line-height: 1.2em;
	margin: 0.8em 0 0.6em;
}
.node-type-limited-edition-summary-2018 h1#page-title,
.node-type-limited-edition-page-2018 h1#page-title {
	text-align: center;
	margin-bottom: 1em;
    margin-top: 0.8em;
}
.node-type-limited-edition-summary-2018 h1#page-title {
	margin-bottom: 0.4em; 
}

h3.field-name-field-lim-ed-titre-sujet {
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
	color: #7ccef3;
	font-weight: normal;
	font-size: 1.7em;
	letter-spacing: 1px;
	margin: .5em 0 .5em;
}
h3.field-name-field-lim-ed-titre-sujet:first-child {
	margin-top: 0;
}

@media screen and (min-width: 756px) {
.group-bloc-col .field-name-field-lim-ed-image-sujet {
	width: 370px;
	float: left;
}
}

.group-bloc-col .field-collection-container {
	/*padding-left: 370px;*/
}
.group-bloc-col .field-name-field-lim-ed-bloc-paragraphe {
	overflow:hidden;
}
.field-collection-item-field-lim-ed-bloc-sujet {
	margin-bottom: 20px;
}

.group-bloc-engagements,
.field-name-field-lim-ed-bloc-engagements {
	clear: both;
	padding: 15px;
	background-color: #e6f4fb;
	margin: 20px 0 20px;
	position: relative;
}
.group-bloc-engagements .label-engagements,
.field-name-field-lim-ed-bloc-engagements .label-above {
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
	color: #004d9d;
	font-weight: normal;
	font-size: 1.6em;
	letter-spacing: 1px;
	text-transform:capitalize;
	margin-bottom: 0.6em;
}
.field-item-bloc-sujet.even .group-bloc-col .field-name-field-lim-ed-bloc-paragraphe {
	overflow:hidden;
}
@media screen and (min-width: 756px) {
	.group-bloc-engagements,
	.field-name-field-lim-ed-bloc-engagements {
		padding: 20px 40px;
	}
	.group-bloc-engagements .label-engagements,
	.field-name-field-lim-ed-bloc-engagements .label-above {
		width: 250px;
    	float: left;
		transform: translateY(-50%);
		top: 50%;
		position: absolute;
	}
	.field-name-field-lim-ed-texte-bloc-engagements {
		padding-left: 250px;
	}
	.field-item-bloc-sujet.even .group-bloc-col .field-name-field-lim-ed-image-sujet {
		width: 370px;
		float: right;
		text-align: right;
	}
}



.group-lim-ed-bloc-ateliers {
	margin-bottom: 50px;
}
.group-lim-ed-bloc-ateliers .group-lim-ed-titre-bloc-wrapper {
	background-image: url(../images/fond-ateliers.jpg);
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding: 15px 0 30px;
}
.field-name-field-lim-ed-visuel-bloc-atelier .field-item:first-child {
	float:left;
}
@media screen and (max-width: 1024px) {
.field-name-field-lim-ed-visuel-bloc-atelier .field-item img {
	max-width: 360px;
}
}
@media screen and (max-width: 755px) {
.field-name-field-lim-ed-visuel-bloc-atelier .field-item img {
	max-width: 300px;
}
}

.field-name-field-lim-ed-visuel-bloc-atelier,
.field-name-field-lim-ed-texte-bloc-atelier,
#section-content .field-name-field-lim-ed-texte-bloc-atelier p,
.field-name-field-lim-ed-instr-bloc-ateliers,
#section-content .field-name-field-lim-ed-instr-bloc-ateliers p {
	text-align: center;	
}
.field-name-field-lim-ed-texte-bloc-atelier,
.field-name-field-lim-ed-instr-bloc-ateliers {
    margin-bottom: 0.8em;
    padding-left: 20px;
	padding-right: 20px;
}

.field-name-field-lim-ed-instr-bloc-ateliers,
 #section-content .field-name-field-lim-ed-instr-bloc-ateliers p {
	color: #004d9d;
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
	font-size: 1.2em;
}
.field-name-field-lim-ed-texte-bloc-atelier,
.field-name-field-lim-ed-texte-bloc-atelier p{
	font-size: 1.1em;
}
.field-name-field-lim-ed-telechargement {
    text-align: center;
    margin-top: 10px;
}
.field-name-field-lim-ed-telechargement .file-icon {
	display: none;
}
.field-name-field-lim-ed-telechargement a {
	text-transform: uppercase;
	color: #fff;
	font-size: 1em;
    padding: 6px 80px;
	background-color: #004d9d;
	opacity: 1;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.field-name-field-lim-ed-telechargement a:hover {
	text-decoration: none;
	opacity: 0.5;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}

.field-name-field-lim-ed-video-youtube {
	position: relative;
}
.field-name-field-lim-ed-video-youtube,
.field-name-field-lim-ed-video-youtube .embedded-video iframe {
	/*overflow: hidden;
	max-height: 550px;
	*/
    -webkit-transition: max-height .4s ease-out;
	-moz-transition: max-height .4s ease-out;
	-o-transition: max-height .4s ease-out;
	transition: max-height .4s ease-out;	
}
.field-name-field-lim-ed-video-youtube.closed,
.field-name-field-lim-ed-video-youtube.closed .embedded-video iframe {
	max-height: 350px;
    -webkit-transition: max-height .4s ease-out;
	-moz-transition: max-height .4s ease-out;
	-o-transition: max-height .4s ease-out;
	transition: max-height .4s ease-out;	
}
.embedded-video {
/*	padding-top: 46.2%;
	padding-top: 44%;
	*/
	width: 926px;
	position: relative;
	left: -15px;
}
@media screen and (max-width: 1024px) {
	.embedded-video {
		width: 756px;
	}
}
@media screen and (max-width: 755px) {
	.embedded-video {
		width: 320px;
		left: -10px;
	}
}
.embedded-video iframe {
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
}
.video-embed-description {
	margin-top: 25px;
}

.field-name-field-lim-ed-bloc-lien-page {
	width: 764px;
	margin: 30px auto 40px;
	overflow: hidden;
}
.field-name-field-lim-ed-bloc-lien-page > .field-items > .field-item {
	width: 240px;
	margin-right: 22px;
	float: left;
	text-align: center;
}
.field-name-field-lim-ed-bloc-lien-page > .field-items > .field-item:last-child {
	margin-right: 0px;
}
h3.field-name-field-lim-ed-titre-lien {
	color: #004d9d;
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	min-height: 2.4em;
}
h3.field-name-field-lim-ed-titre-lien a {
	color: #004d9d;
}
h3.field-name-field-lim-ed-titre-lien a:hover {
	color: #7ccef3;
	text-decoration: none;
}
.field-name-field-lim-ed-image-lien a img {
	opacity: 1;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.field-name-field-lim-ed-image-lien a:hover img {
	opacity: 0.5;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
@media screen and (max-width: 1024px) {
	.field-name-field-lim-ed-bloc-lien-page {
		width: 726px;
		margin: 30px auto 40px;
	}
	.field-name-field-lim-ed-bloc-lien-page > .field-items > .field-item {
	    width: 228px;
    	margin-right: 21px;
    }
	h3.field-name-field-lim-ed-titre-lien {
		/*min-height: 3.6em;*/
	}
}
@media screen and (max-width: 755px) {
	.field-name-field-lim-ed-bloc-lien-page {
		width: 300px;
	}
	.field-name-field-lim-ed-bloc-lien-page > .field-items > .field-item {
	    width: 300px;
    	margin-right: 0;
    	margin-bottom: 30px;
    }
	.field-name-field-lim-ed-bloc-lien-page > .field-items > .field-item img {
	    width: 100%;
    }
	h3.field-name-field-lim-ed-titre-lien {
		min-height: inherit;
		font-size: 1.8em;
	}
}
.field-name-field-lim-ed-page-cible a,
.field-name-field-lim-ed-url-lien a {
	color: #fff;
	font-family: 'omnesregular', helvetica, arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #004d9d;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	padding: 3px 20px;
	opacity: 1;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.field-name-field-lim-ed-page-cible a:hover,
.field-name-field-lim-ed-url-lien a:hover,
.field-name-field-lim-ed-page-cible a:focus,
.field-name-field-lim-ed-url-lien a:focus {
	text-decoration: none;
	opacity: 0.5;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.field-name-field-lim-ed-page-cible .field-item,
.field-name-field-lim-ed-url-lien .field-item {
	margin-top: 15px;
}

.group-lim-ed-bloc-produits {
}
.field-name-field-lim-ed-produit {
	width: 764px;
	margin: 30px auto;
	overflow: hidden;
}
.field-name-field-lim-ed-produit > .field-items > .field-item {
	width: 240px;
	margin-right: 22px;
	float: left;
	text-align: center;
	position: relative;
}
.field-name-field-lim-ed-produit > .field-items > .field-item:last-child {
	margin-right: 0px;
}
@media screen and (max-width: 755px) {
	.field-name-field-lim-ed-produit {
		width: 300px;
	}
	.field-name-field-lim-ed-produit > .field-items > .field-item {
	    width: 300px;
    	margin-right: 0;
    	margin-bottom: 30px;
    }
	.field-name-field-lim-ed-produit > .field-items > .field-item img {
	    /*width: 100%;*/
    }
}
.field-name-field-nom-produit {
	color: #004d9d;
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
    font-size: 1.5em;
	margin-top: 10px;
	/*font-weight: bold;*/
}
.field-name-field-url-produit a {
	display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -2000px;
}
.field-name-field-image-produit-rollover {
	width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}
.field-collection-item-field-lim-ed-produit:hover .field-name-field-image-produit-rollover {
    opacity: 1;
    -webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-o-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}

.field-name-field-lim-ed-titre-liens-annexes {
	font-family: 'omnesmedium', helvetica, arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
.field-name-field-lim-ed-page-cible-annexe .link-item,
.field-name-field-lim-ed-liens-annexes .link-item {
	margin-bottom: 0.2em;
}
.field-name-field-lim-ed-page-cible-annexe .link-item a,
.field-name-field-lim-ed-liens-annexes .link-item a {
    font-family: 'omnesmedium', helvetica, arial, sans-serif;
    text-transform: uppercase;
    color: #004d9d;
}

/* ==================================================================
 *   Modif Equinoa / Rémi Pigeyre / 03/2019 / Editions Limitées 2019
 * ================================================================== */
.node-type-limited-edition-summary-2019 .field-collection-view,
.node-type-limited-edition-summary-2019 .field-collection-container {
  border: none;
  padding: 0;
  margin: 0
}
.node-type-limited-edition-summary-2019 #section-content {
  margin-bottom: 30px;
}
.node-type-limited-edition-summary-2019 #section-content p {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
  text-align:justify;
  font-size: 1.1em;
}
@media screen and (max-width: 755px) {
  .node-type-limited-edition-summary-2019 #section-content p {
    text-align:left;
  }
}
.node-type-limited-edition-summary-2019 #main-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 755px) {
  .node-type-limited-edition-summary-2019 #main-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.node-type-limited-edition-summary-2019 h1#page-title,
.node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-sous-titre {
  font-family: 'Mustela-Regular', helvetica, arial, sans-serif;
  color: #004d9d;
  font-size: 2.4em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.4em; 
  margin-top: 0.8em;
}
@media screen and (max-width: 755px) {
  .node-type-limited-edition-summary-2019 h1#page-title,
  .node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-sous-titre,
  .node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-titre-sommaire {
      font-size: 1.9em;
      line-height: 1.2em;
    }
    .node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-sous-titre {
      margin-top: -0.4em;
  }
  .node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-titre-sommaire {
      font-size: 1.6em;
      line-height: 1.2em;
    }
}
.node-type-limited-edition-summary-2019 h2.field-name-field-lim-ed-sous-titre {
  margin-bottom: 0.4em; 
  margin-top: -0.4em;
  clear: both;
}
/* modif grèce */
body.i18n-el.node-type-limited-edition-summary-2019 h1#page-title {
  font-family: helvetica, arial, sans-serif;
}

.node-type-limited-edition-summary-2019 .field-name-body {
  color: #393580;
}
.node-type-limited-edition-summary-2019 h3.field-name-field-lim-ed-titre-lien {
  font-family: 'omnesregular', helvetica, arial, sans-serif;
}

.field-name-field-lim-ed-bloc-lien-page-roll {
  width: 764px;
  margin: 30px auto 40px;
  overflow: hidden;
}
.field-name-field-lim-ed-bloc-lien-page-roll.par-trois {
  width: 896px;
  margin: 30px auto 40px;
  overflow: hidden;
}
.field-name-field-lim-ed-bloc-lien-page-roll > .field-items > .field-item {
  width: 300px;
  margin-right: 40px;
  margin-left: 40px;
  float: left;
  text-align: center;
}
.field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item {
  width: 288px;
  margin-right: 5px;
  margin-left: 5px;
}
.field-name-field-lim-ed-bloc-lien-page-roll.par-trois h3.field-name-field-lim-ed-titre-lien {
  min-height: 3.6em;
}
.field-name-field-lim-ed-mobile-tip {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.field-name-field-lim-ed-mobile-tip .field-item {
  color: #004d9d;
  background: rgba(256,256,256,0.5);
  display: inline-block;
  border-radius: 4px;
  padding: 4px;
}
.group-lim-ed-bloc-lien-wrapper:hover .field-name-field-lim-ed-mobile-tip {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .field-name-field-lim-ed-bloc-lien-page-roll {
    width: 640px;
    margin: 30px auto 40px;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll > .field-items > .field-item {
      width: 300px;
      margin-right: 10px;
      margin-left: 10px;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll.par-trois {
    width: 100%;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item {
    width: 232px;
    margin-right: 15px;
    margin-left: 0px;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item:last-child {
    margin-right: 0;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll.par-trois h3.field-name-field-lim-ed-titre-lien {
      min-height: 3.6em;
  }
}
@media screen and (max-width: 755px) {
  .field-name-field-lim-ed-bloc-lien-page-roll {
    width: 300px;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll > .field-items > .field-item {
      width: 300px;
      margin: 0 auto 30px;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll > .field-items > .field-item img {
      width: 100%;
  }
  .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item {
    width: 300px;
    margin: 0 auto 30px;
  }
  .field-name-field-lim-ed-mobile-tip {
    display: block;
  }

}
.group-lim-ed-bloc-lien-wrapper {
  position: relative;
}
.field-name-field-lim-ed-roll-lien {
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(256, 256, 256, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease;
  cursor: pointer;
}
.field-name-field-lim-ed-roll-lien:hover {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.field-name-field-lim-ed-roll-lien > .field-items {
}
.field-name-field-lim-ed-roll-lien > .field-items > .field-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 60px;
  box-sizing: border-box;
  color: #004d9d;
  font-family: 'omnesmedium', helvetica, arial, sans-serif;
  font-size: 0.95em;
}
.node-type-limited-edition-summary-2019 .group-lim-ed-bloc-ateliers .group-lim-ed-titre-bloc-wrapper {
  background-image: none;
  background-color: #edf1fc;
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-instr-bloc-ateliers,
.node-type-limited-edition-summary-2019 #section-content .field-name-field-lim-ed-instr-bloc-ateliers p {
  color: #004d9d;
  font-family: 'omnesmedium', helvetica, arial, sans-serif;
  font-size: 1.0em;
  text-align: center;
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-instr-bloc-ateliers {
  margin: 10px 0 30px;
}
@media screen and (max-width: 755px) {
  .field-name-field-lim-ed-telechargement a {
      padding: 6px 30px;
      display: inline-block;
      width: 150px;
  }
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit {
  width: 100%;
  margin: 30px auto;
  overflow: hidden;
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit > .field-items {
  display: flex;
  justify-content: center;
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit > .field-items > .field-item {
  width: 324px;
  margin-right: 0;
  float: left;
  text-align: center;
  position: relative;
}
.node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit > .field-items > .field-item:last-item {
  margin-right: 0px;
}
@media screen and (max-width: 755px) {
  .node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit > .field-items {
    display: block;
  }
  .node-type-limited-edition-summary-2019 .field-name-field-lim-ed-produit > .field-items > .field-item {
    width: 100%;
    margin-right: 0;
    float: none;
  }
}



/* ==================================================================
 *   Modif Equinoa / Rémi Pigeyre / 08/2019 / Landing Maternité 2019
 * ================================================================== */
@font-face {
  font-family: 'AvantGarde-Medium';
  src: url('../fonts/AvantGarde-Medium.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/AvantGarde-Medium.otf')  format('opentype'),
  		url('../fonts/AvantGarde-Medium.woff') format('woff'), 
  		url('../fonts/AvantGarde-Medium.ttf')  format('truetype'), 
  		url('../fonts/AvantGarde-Medium.svg#AvantGarde-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AvantGarde-Book';
  src: url('../fonts/AvantGarde-Book.eot?#iefix') format('embedded-opentype'),  
  		url('../fonts/AvantGarde-Book.otf')  format('opentype'),
	    url('../fonts/AvantGarde-Book.woff') format('woff'), 
	    url('../fonts/AvantGarde-Book.ttf')  format('truetype'), 
	    url('AvantGarde-Book.svg#AvantGarde-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

 
.node-type-landing-maternite-2019 .field-collection-view,
.node-type-landing-maternite-2019 .field-collection-container {
  border: none;
  padding: 0;
  margin: 0
}
.node-type-landing-maternite-2019 #section-content {
  margin-bottom: 30px;
}
.node-type-landing-maternite-2019 #section-content p {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #000;
  text-align:center;
  font-size: 1em;
  line-height: 1.2em;
}
.node-type-landing-maternite-2019 #main-content {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 755px) {
  .node-type-landing-maternite-2019 #main-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.node-type-landing-maternite-2019 h1#page-title {
  font-family: 'AvantGarde-Medium', helvetica, arial, sans-serif !important;
  color: #d7004d;
  font-size: 2.2em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.4em; 
  margin-top: 0.8em;
  line-height: 1em;
}
@media screen and (max-width: 755px) {
  .node-type-landing-maternite-2019 h1#page-title {
      font-size: 1.9em;
      line-height: 1.2em;
    }
}
/* modif grèce
body.i18n-el.node-type-landing-maternite-2019 h1#page-title {
  font-family: helvetica, arial, sans-serif;
} */

.group-bloc-video {
	overflow: hidden;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 80px 0;
}

.group-bloc-video-texte,
.group-bloc-video-image {
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}
.group-bloc-video-texte {
	padding: 0 20px;
	box-sizing: border-box;
}
@media screen and (max-width: 755px) {
	.group-bloc-video-texte,
	.group-bloc-video-image {
		float: none;
		width: auto;
	}
	.group-bloc-video-texte {
		padding: 0;
	}
}
.group-bloc-video-image img {
	display: block;
}

h2.field-name-field-maternite-video-titre {
	font-family: 'Rubik',sans-serif;
	color: #004d9d;
	font-family: 'AvantGarde-Medium', helvetica, arial, sans-serif !important;
	color: #d7004d;
	font-weight: normal;
	font-size: 2em;
	font-size: 1.8em;
	margin: 0.5em 0 0.5em;
	line-height: 1em;
}
.field-name-field-maternite-video-texte p {
	font-size: 0.9em !important;
}
.field-name-field-maternite-video-cta a {
	font-family: 'Rubik',sans-serif;
	font-weight: 500;
	line-height: 1em;
	color: #004d9d;
	padding: 8px 20px;
	min-width: 80%;
	border: 1px solid #004d9d;
	margin: 20px auto 15px;
	display: inline-block;
	text-decoration : none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.field-name-field-maternite-video-cta a:hover {
	color: #fff;
	background-color: #004d9d;
	text-decoration : none;
}

.node-type-landing-maternite-2019 .field-name-field-lim-ed-produit {
  width: 100%;
  margin: 30px auto;
  overflow: hidden;
}
.node-type-landing-maternite-2019 h2.field-name-field-lim-ed-titre-bloc-produits {
	font-family: 'AvantGarde-Medium', helvetica, arial, sans-serif !important;
	color: #d7004d;
	font-size: 2em;
	font-size: 1.8em;
	line-height: 1em;
}
.node-type-landing-maternite-2019 .field-name-field-nom-produit {
	color: #d7004d;
}
.node-type-landing-maternite-2019 .field-name-field-im-ed-texte-bloc-produits,
.node-type-landing-maternite-2019 #section-content .field-name-field-im-ed-texte-bloc-produits p {
	text-align: left !important;
}
@media screen and (max-width: 755px) {
	.node-type-landing-maternite-2019 h2.field-name-field-lim-ed-titre-bloc-produits,
	.node-type-landing-maternite-2019 .field-name-field-im-ed-texte-bloc-produits,
	.node-type-landing-maternite-2019 #section-content .field-name-field-im-ed-texte-bloc-produits p {
		text-align: center !important;
	}
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-produit > .field-items {
  display: flex;
  justify-content: center;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-produit > .field-items > .field-item {
  width: 324px;
  margin-right: 0;
  float: left;
  text-align: center;
  position: relative;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-produit > .field-items > .field-item:last-item {
  margin-right: 0px;
}
@media screen and (max-width: 755px) {
  .node-type-landing-maternite-2019 .field-name-field-lim-ed-produit > .field-items {
    display: block;
  }
  .node-type-landing-maternite-2019 .field-name-field-lim-ed-produit > .field-items > .field-item {
    width: 100%;
    margin-right: 0;
    float: none;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 756px) and (max-width: 1024px) {
	.node-type-landing-maternite-2019 .field-name-field-image-produit-rollover {
	  display: none;
	}
}

.group-ingredients-block {
  margin: 50px auto 80px;
}
h2.field-name-field-maternite-ingredient-title {
	font-family: 'AvantGarde-Medium', helvetica, arial, sans-serif !important;
	color: #d7004d;
	line-height: 1em;
	text-align: center;
	font-size: 1.8em;
	margin-bottom: 0.6em;
	font-weight: normal;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll {
  	margin: 0px auto 0px;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll h3.field-name-field-lim-ed-titre-lien {
	min-height: inherit;
	font-family: 'Rubik', helvetica, arial, sans-serif;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items {
    display: flex;
    justify-content: space-between;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll > .field-items > field-item {
    width: 220px;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item {
    width: 240px;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-url-lien a {
	color: #004d9d;
	border: 1px solid transparent;
	background-color: transparent;
}
.node-type-landing-maternite-2019 .field-name-field-lim-ed-url-lien a:hover {
	border: 1px solid #004d9d;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    opacity: 1;
}
@media screen and (max-width: 755px) {
	.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll > .field-items {
		display: block !important;
	}
	.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll > .field-items > field-item,
	.node-type-landing-maternite-2019 .field-name-field-lim-ed-bloc-lien-page-roll.par-trois > .field-items > .field-item {
		width: auto;
		float: none;
	}
}

.group-related-articles-block {
	margin-bottom: 80px;
}
.field-name-field-maternite-related-articles {
	padding: 0 50px;
}
.field-name-field-maternite-articles-title {
	font-family: 'AvantGarde-Medium', helvetica, arial, sans-serif;
	color: #d7004d;
	text-align: center;
	margin: 30px 0 1em;
	padding: 0 10px 0;
	font-size: 1.8em;
	font-weight: normal;
}
.field-name-field-related-article-title {
	font-family: 'Rubik', helvetica, arial, sans-serif;
	text-transform: uppercase;
	color: #66c5f2;
	color: #004d9d;
	font-size: 0.9em;
	margin: 15px 8px 15px;
	font-weight: 500;
}
.field-name-field-related-article-text {
	font-size: 0.8em;
	padding: 10px 20px 30px;
}

.field-name-field-maternite-related-articles > .field-items {
    display: flex;
    justify-content: center;
}
.field-name-field-maternite-related-articles > .field-items > .field-item {
    width: 240px;
    padding: 0 
    margin-right: 0;
    float: left;
    text-align: center;
    position: relative;
  	border: 1px solid #e5e5e5;
  	margin: 0 auto;
}
.field-name-field-related-article-link a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -3000px;
}
@media screen and (max-width: 755px) {
	.field-name-field-maternite-related-articles {
		padding: 0;
	}
	.field-name-field-maternite-related-articles > .field-items {
		display: block;
	}
	.field-name-field-maternite-related-articles > .field-items > .field-item {
		width: auto;
		float: none;
		margin-bottom: 30px;
	}
	.field-name-field-maternite-related-articles img {
		width: 100%;
	}
}
@media screen and (min-width: 756px) and (max-width: 1024px) {
	.field-name-field-maternite-related-articles {
		padding: 0;
	}
	.field-name-field-maternite-related-articles > .field-items > .field-item {
		width: 220px;
	}
}


/* Video dans une fenetre modale */

.media-block {
    width: 183px;
    height: 103px;
    margin: 0 auto;
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
.media-block .play-button {
    position: relative;
    top: -85px;
    right: -55px;
}
.modal-dialog {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.modal-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(214, 217, 231, 0.8);
}
.container-modal {
    background-color: #fff;
    position: absolute;
    padding: 52px 36px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 50%;
    margin-left: -327px;
}
.container-modal iframe {
    width: 582px;
    height: 328px;
}
.close {
    width: 24px;
    text-align: center;
    text-decoration: none !important;
    font-size: 25px;
    color: #393580;
    line-height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}
@media screen and (max-width: 755px) {
	.container-modal {
		width: 100%;
		box-sizing: border-box;
		background-color: transparent;
		padding: 0;
		left: 0;
		margin-left: 0;
		top: 50%;
		padding-bottom: 56.25%;
	}
	.container-modal iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.close {
		font-size: 50px;
		right: 20px;
		top: -45px;
	}
}


/* =============================================================================
 *   Modif Equinoa / Rémi Pigeyre / 05/2018 / Heart of Mustela
 * ========================================================================== */
.node-heart-of-mustela .field-collection-container {
	border: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.field-collection-item-field-heart-of-m-bloc-image-lien {
	margin-top: 20px;
	width: 707px;
}
.field-name-field-heart-of-m-bloc-image-lien  > .field-items > .field-item > .field-collection-view {
	width: 25%;
	position: relative;
	width: 25%;
	float: left;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	margin: 20px 0;
	text-align: center;
	border: none;
}
.field-name-field-heart-of-m-bloc-image img {
	margin-bottom: 5px;
}
.field-name-field-field-heart-of-m-bloc-link a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
}
h3.field-name-field-heart-of-m-bloc-titre {
	font-family: 'Rubik',sans-serif;
	color: #004D9D;
	margin: 0 0 8px 0;
	line-height: 18px;
	height: 34px;
  text-transform: uppercase;
  font-weight: normal;
  font-size:16px;
}
@media screen and (max-width: 1024px) {
	.field-collection-item-field-heart-of-m-bloc-image-lien {
		width: 609px;
	}
	.field-name-field-heart-of-m-bloc-image-lien  > .field-items > .field-item > .field-collection-view {
		width: 50%;
	}
	h3.field-name-field-heart-of-m-bloc-titre {
	  font-size:18px;
	}
}
@media screen and (max-width: 755px) {
	.field-collection-item-field-heart-of-m-bloc-image-lien {
		width: 320px;
	}
	.field-name-field-heart-of-m-bloc-image-lien  > .field-items > .field-item > .field-collection-view {
		width: 100%;
		padding: 0;
	}
	h3.field-name-field-heart-of-m-bloc-titre {
	  font-size:20px;
	}
}



/* =============================================================================
 *   Modif Equinoa / Rémi Pigeyre / 07/08/2018 / Relooking Engagements
 * ========================================================================== */
/*body.node-type-commitments-list #section-content,
body.node-type-commitments-page #section-content {
	display: none;
}
body.node-type-commitments-list.admin-menu #section-content,
body.node-type-commitments-page.admin-menu #section-content {
	display: block;
}
*/
body.node-type-commitments-list #section-content,
body.node-type-commitments-page #section-content {
    margin-top: 25px;
}
body.node-type-commitments-list #columns #content-column,
body.node-type-commitments-page #columns #content-column {
 	float: right;
 	width: 74.75%;
}
body.node-type-commitments-list .region-sidebar-first,
body.node-type-commitments-page .region-sidebar-first {
 	float: left;
 	width: 22.9%;
}
body.node-type-commitments-list header h1#page-title,
.node-commitments-list h1.page-title {
	color: #004d9d;
	font-family: 'omnessemibold';
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 10px 0;
	line-height: 28px;
}

.field-name-field-commitment-block {
 	position: relative; 
}
.field-name-field-commitment-block > .field-items > .field-item {
 	position: relative; 
 	width: 50%;
 	box-sizing: border-box;
  	padding: 0 0 0 20px;
 	float: left;
}
.field-name-field-commitment-block > .field-items > .field-item:nth-child(2n+1) {
 	padding: 0 20px 0 0;
 	clear: left;
}
.node-commitments-list .field-collection-container,
.field-name-field-commitment-block .field-collection-view,
.field-name-field-commitment-block .field-collection-container {
	border: none;
	margin: 0;
}
.field-name-field-commitment-block .field-collection-container {
	margin: 30px;
}
.node-commitments-list .field-name-body {
	color: #434343;
	font-size: 13px;
	line-height: 1.4;
}
.field-collection-item-field-commitment-block .field-name-field-commintment-title h2 {
	font-family: "omnessemibold";
  font-weight: normal;
	color: #004d9d;
	font-size: 20px;
  line-height: 20px;
	min-height: 50px;
	margin: 0;
	text-transform: uppercase;
}
.field-collection-item-field-commitment-block .field-name-field-commintment-texte {
  color: #434343;
  font-size: 13px;
  margin-bottom: 10px;
  min-height: 78px;
}
.field-collection-item-field-commitment-block .field-name-field-commintment-cta-label {
	background: #004d9d;
	color: #fff;
	font-family: "omnesregular";
	font-size: 16px;
	margin-top: 10px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
}
.field-collection-item-field-commitment-block:hover .field-name-field-commintment-cta-label {
	text-decoration: underline;
}
.field-collection-item-field-commitment-block .field-name-field-commintment-cta-link a {
 	display: block;
 	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-indent: -5000px;
}

#block-menu-menu-menu-commitments li {
  border-bottom: #ededf4 solid 1px;
  padding: 13px 2px 15px 0;
  line-height: 12px;
}
#block-menu-menu-menu-commitments a {
	/* font-family: 'Rubikxx',sans-serif; */
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	font-variant: small-caps;
	line-height: 1;
}
#block-menu-menu-menu-commitments .block-content > ul > li {
  border: none;
  padding-top: 0;
}
#block-menu-menu-menu-commitments .block-content > ul > li > a {
  display: none;
}

#block-menu-menu-menu-commitments a:link,
#block-menu-menu-menu-commitments a:visited
 {
	color: #393580;
	text-decoration: none;
}

body.node-type-commitments-page header h1#page-title {
	font-family: 'bauer_bodoniroman';
	font-weight: normal;
	color: #004d9d;
	font-size: 30px;
	margin: 0 0 10px 0;
	line-height: 28px;
}
.node-commitments-page h2 {
	color: #004d9d;
	font-size: 23px;
	text-align: center;
	font-family: "omnesmedium";
	font-weight: normal;
}
.node-commitments-page h2.field-name-field-commitments-sub-title {
	color: #004d9d;
	font-size: 30px;
	text-align: center;
	font-family: "omnesregular";
	margin: 30px 0 20px;
	font-weight: normal;
}
.node-commitments-page h3 {
	color: #004d9d;
	font-size: 18px;
	text-align: center;
	font-family: "omnesregular";
	font-weight: normal;
}





/* Champ "Commitments:Text" */
.node-commitments-page .field-name-body,
.node-commitments-page p { 
	color:#424242;
	font-size:14px;
}
.node-commitments-page .field-name-body ul li { 
	list-style: disc;
	list-style-position: inside;
}
.node-commitments-page .head-text { 
	text-align:center;
	color:#424242;
	margin:15px 0 30px 0;
	font-size:14px;
}
.node-commitments-page .head-img { 
	text-align:center;
	padding:0 30px 0;
}

.node-commitments-page .col-img-3, .node-commitments-page .col-img-2 { 
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.node-commitments-page .col-img-3 div.element { 
	display:inline-block;
	width:30%;
}
.node-commitments-page .col-img-2 div.element { 
	display:inline-block;
	width:46%;
}
.node-commitments-page .col-img-2 img, .col-img-3 img { 
	width:100%;
}
.node-commitments-page .col-img-2 img, .col-img-3 img:hover { 
	opacity: 0.4;
}

.smart-popin {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background-color: rgba(255,255,255,0.9);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.smart-popin:target {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}
.smart-popin .sp-body {
    position: relative;
    background-color: #ffffff;
    padding: 2em;
    -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
    box-shadow: 0 3px 5px 1px rgba(0,0,0,0.25);
    width: 90%;
    box-sizing: border-box;
    max-width: 680px;
    margin: 0 auto;
}


.smart-popin .sp-table {
    display: table;
    height: 100%;
    width: 100%;
}
.smart-popin .sp-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}
.smart-popin .sp-back {
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    display: block;
}
.smart-popin .sp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 1.6em;
    color: #004d9d;
    font-weight: 900;
    text-decoration: none;
}

.node-commitments-page .benefit { 
	margin-bottom:20px;
	overflow: hidden;
}
.node-commitments-page .benefit-item { 
	clear:left;
	margin-bottom:30px;
	overflow: hidden;
}
.node-commitments-page .benefit-item .div-img { 
	float:left;
	width:180px;
	margin-right:20px;
}
.node-commitments-page .benefit-item .div-img img { 
	display:block;
	width:180px;
}
.node-commitments-page .benefit-item p { 
	color:#424242;
	font-size:14px;
	margin: 0 0 0 40px;
	padding-left: 160px;
}
.node-commitments-page .benefit-item h3 { 
	font-family: "omnesregular" !important;
	color:#004d9d;font-size:20px !important;
	font-weight:normal !important;
	margin: 0 0 20px 0 !important;
	text-align:left !important;
}

.node-commitments-page .embed-container,
.node-commitments-page .embed-container-content { 
	position:relative;
	padding-bottom:56.10%;
	margin:20px 0 60px;
	padding-top:0px;
	height:0;
	overflow:hidden;
	max-width:100%;
	height:auto; 
} 
.node-commitments-page .embed-container iframe, .embed-container object, .embed-container embed,
.node-commitments-page .embed-container-content iframe, .embed-container-content object, .embed-container-content embed { 
	position: absolute;
	top: -0.5%;
	left: -0.5%;
	width: 101%;
	height: 101%;
}

.node-commitments-page .skintype {
	display: flex;
	text-align:center;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}
.node-commitments-page .skintype-item { 
/*	display: inline-block;
	width:30%;
	margin: 0 6px;
*/
}
.node-commitments-page .skintype-item img { 
	display:block;
}
.node-commitments-page .skintype-item h3 { 
	margin:0;
}
.node-commitments-page .skintype-item h3 a { 
	font-family: "omnesmedium";
	color:#004d9d;
	font-size:16px;
	font-weight:bold;
}
.node-commitments-page .cta {
	text-align: center;
}
.node-commitments-page .cta a {
	color: #fff;
	margin: 0 auto;
	padding: 10px 30px;
	background: #004d9d;
}


.node-commitments-page .commitments {
	text-align:center;
	position:relative;
	margin:60px 0;
	overflow:hidden;
	}
.node-commitments-page .commitments-item { 
	display:inline-block;
	width:30%;
	padding:0 1%;
	vertical-align: text-top;
}
.node-commitments-page .par-4 .commitments-item { 
	width:22%;
	padding:0 1%;
}
.node-commitments-page .commitments-item img { 
	display:block;
}
.node-commitments-page .commitments-item a.link-img { 
	display:block;
}
.node-commitments-page .commitments-item a.link-txt { 
	display:block;
	font-family:"omnesmedium";
	color:#000;
	font-size:14px;
	font-weight:normal;
	margin:0;
	border: 1px solid #eee;
	padding: 5px 40px;
	min-height: 35px;
}
.node-commitments-page .par-4 .commitments-item a.link-txt { 
	padding: 5px 15px;
	min-height: 35px;
}


@media only screen and (max-width: 756px) {
	body.node-type-commitments-list #columns #content-column,
	body.node-type-commitments-page #columns #content-column {
		float: none;
		width: 100%;
	}
	body.node-type-commitments-list .region-sidebar-first,
	body.node-type-commitments-page .region-sidebar-first {
		display: none;
	}
	.field-name-field-commitment-block > .field-items > .field-item {
		width: 100%;
		box-sizing: border-box;
		padding: 0 !important;
		float: none;
	}
	
	
	.node-commitments-page .col-img-3 div.element {
		display: block !important;
		width: auto !important;
	}
	.node-commitments-page .benefit-item .div-img {
		float: none !important;
		width: auto !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}
	.node-commitments-page .benefit-item .div-img img {
		width: auto !important;
	}
	.node-commitments-page .benefit-item p {
		margin: 0 !important;
		padding: 0 !important;
	}

	.node-commitments-page .commitments-item {
		display: block !important;
		width: auto !important;
		padding: 0;
		margin-bottom: 20px;
	 }
	.node-commitments-page .commitments-item img {
		width: 100%;
	}

	.node-commitments-page .skintype-item {
		display: block !important;
		width: auto !important;
		margin: 0 0 20px !important;
	}
	
	.node-commitments-page .skintype {
	    display: block;
	}
	.node-commitments-page .cta a {
	    display: block;
	}


}



/* Social block
.social-block {
    float: left;
}
.share-button-wrapper {
    float: left;
}
.share-button {
    border-top: 1px solid #29447E;
    border-bottom: 1px solid #29447E;
    border-right: 1px solid #29447E;
    margin-right: 10px;
    float: left;
}
.fb_share_link {
    padding: 2px 5px 0 25px;
    height: 16px;
    background: #5F78AB url(../images/share-button.png) no-repeat left -21px;
    color: #fff;
    font-size: 10px;
    line-height: 11px;
    height: 14px;
    display: block;
    border-top: 1px solid #879AC0;
    border-bottom: 1px solid #29447E;
    border-right: 1px solid #29447E;
}
.social-block .twitter {
    width: 15px;
    height: 20px;
    text-indent: -1000em;
    cursor: pointer;
    float: left;
    display: block;
    margin-right: 12px;
}
.social-block .twitter a {
    background: url(../images/icons.png) left -432px no-repeat;
    width: 15px;
    height: 200px;
    display: block;
}
.social-block .links {
    float: left;
}
.social-block .links a.print {
    background: url(../images/icons.png) left -17px no-repeat;
    width: 17px;
    height: 20px;
}
.social-block .links li a {
    float: left;
    text-indent: -1000em;
    margin-right: 14px;
    height: 20px;
    display: block;
    outline: none;
}
.social-block .links a.email {
    background: url(../images/icons.png) -1px -36px no-repeat;
    width: 18px;
}
.social-block .links li a {
    float: left;
    text-indent: -1000em;
    margin-right: 14px;
    height: 20px;
    display: block;
    outline: none;
}
.send-email {
    padding: 10px 19px;
    width: 438px;
}
.send-email h1, .campaing_comment_reply_form h1 {
    color: #393580;
    font-family: 'bauer_bodoniroman';
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 12px;
}
.send-email h1, .campaing_comment_reply_form h1 {
    color: #393580;
    font-family: 'bauer_bodoniroman';
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 12px;
}
.send-email .form-item {
    margin-top: 7px;
}
.send-email .form-item label, .send-email .form-item-textarea label, .send-email .form-text p, .campaing_comment_reply_form p {
    color: #393580;
    font-weight: normal;
    font-size: 13px;
}
.send-email .form-item input {
    width: 228px;
}
.send-email .form-item input, .send-email .form-item-textarea textarea {
    border: #c1c1c1 solid 1px;
    border-color: #848484 #c1c1c1 #e0e0e0 #c1c1c1;
    color: #333;
	font-size:13px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 6px;
    padding: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
}
 */
 .sendmail-popup { 
  overflow: hidden;
	display: block !important;;  
	max-height: 0;
	-webkit-transition: max-height 400ms ease;
	-moz-transition: max-height 400ms ease;
	-ms-transition: max-height 400ms ease;
	-o-transition: max-height 400ms ease;
	transition: max-height 400ms ease;
}
.sendmail-popup.show { 
	max-height: 600px;
	-webkit-transition: max-height 400ms ease;
	-moz-transition: max-height 400ms ease;
	-ms-transition: max-height 400ms ease;
	-o-transition: max-height 400ms ease;
	transition: max-height 400ms ease;
}


/* Erreurs formulaires de contact */
.node-contact-page .messages.error {
    font-size: 14px;
    margin-top: 20px;
    border-bottom: 2px red solid;
    padding-bottom: 10px;
}

/* reCaptcha */
.webform-client-form fieldset.captcha {
	margin: 30px 0;
	border: none;
    padding: 0;
    float: none;
}
.webform-client-form fieldset.captcha legend {
	display: none;
}
.webform-client-form fieldset.captcha .fieldset-description {
	margin-bottom: 10px;
	font-size: 13px;
	color: #393580;
}




/* Rend invisible l'overlay d'un item de menu principal : > custom.js */
.sub-menu-wrapper .sub-menu.overlay-hidden {
	display: none !important;
}