@charset "UTF-8";
/**
 * Normalize
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
  width: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  height: 100%;
  width: 100%;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 600;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  margin: 0;
  padding: 12px 0 13px;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* --------------------------------------------- END NORMALIZE -------------------------------------------- */
/**
 * Helpers and custom Sass variables
 */
/*---------------------------*  MAJ LM 26/09/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
*/
/* Nom et extention du logo site web */
/*Nom et extention du icons global*/
/*------------------------------------*    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*    #LAYOUT
\*------------------------------------*/
/* max-width */
/*------------------------------------*    #THEME DEFAULT
\*------------------------------------*/
/*------------------------------------*    #THEME BP Variable a
\*------------------------------------*/
/*------------------------------------*    #MEDIAQUERIES
\*------------------------------------*/
/*------------------------------------*    #GRID
\*------------------------------------*/
/*------------------------------------*    #SPACING
\*------------------------------------*/
/**
 * Baseline Grid
 * Benefits of "Single-direction margin declarations" :
 *  |- Easier to define vertical rhythm
 *  |- More confidence in (re)moving components if you know their margins all push in the same direction.
 *  |- Components and elements don’t have to necessarily live in a certain order if their margins aren’t dependent on adjoining sides.
 *  |- Not being concerned with collapsing margins means one less thing to worry about.
 */
/* same as line height */
/**
 * Lateral spacing. used in media object
 */
/*------------------------------------*    #TRANSITIONS
\*------------------------------------*/
/* --------------------------------------------- END VARIABLES -------------------------------------------- */
/*------------------------------------*    #MIXINS
\*------------------------------------*/
/* New methode - LM  */
/*-------------------------*/
/**
 * To align vertically elements. Useful for layout  */
/**
 * Media query from a defined named width
 * @size Width size small|medium|large 
 */
/**
 * Media query from a defined named width
 * @size Width size small|medium|large 
 */
/**
 * Font Size in px and rem
 */
/**
 * Baseline
 */
/**
 * word wrap
 */
/**
 * Ellipsis
 */
/* --------------------------------------------- END MIXINS -------------------------------------------- */
/*------------------------------------*    #FUNCTIONS
\*------------------------------------*/
/**
 * Convert pixels to rems
 * eg. for a relational value of 12px write rem(12)
 * Assumes $em-base is the font-size of <html>
 * https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
 */
/**
 * Strips the unit from a number.
 *
 * @param {Number (With Unit)} $value
 *
 * @example scss - Usage
 *   $dimension: strip-units(10em);
 *
 * @example css - CSS Output
 *   $dimension: 10;
 *
 * @return {Number (Unitless)}
*/
/**
 * Function 
 * @return Font Size in px and rem
 */
/* --------------------------------------------- END FUNCTIONS -------------------------------------------- */
/*------------------------------------*    #RESET CORE EPISERVER
\*------------------------------------*/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote {
  font-weight: 400;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, ol, dl, blockquote {
  line-height: 100%;
}

body {
  background-image: none;
}

#aspnetForm {
  position: relative;
  min-height: 100%;
}

#wrapper,
.uab-static #wrapper {
  background: #FFFFFF;
  height: 100%;
  margin: 0;
  padding-top: 34px;
}

.centered-page {
  width: inherit;
}

body.sidebars-none #content,
#content {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  /* width: auto; */
  width: 100%;
  border: none;
}

/**
 * Main Nav Bar
 */
#topNavigation {
  background-image: none;
}

#topNavigation.no-js ul.level1 li:hover a {
  background-color: inherit;
  color: inherit;
}

#topNavigation ul.level1 li {
  border: none;
  background-color: inherit;
  /*-------------------------------------*              UL.level1 > LI.hasChildren
      \*-------------------------------------*/
}

#topNavigation ul.level1 li.hasChildren ul.level2, #topNavigation ul.level1 li.hasChildren.selected ul.level2 {
  background-color: inherit;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li, #topNavigation ul.level1 li.hasChildren.selected ul.level2 li {
  display: block;
  width: auto;
  float: none;
}

/**
 * Header
 */
#header {
  background-image: none;
}

#brand {
  min-height: 50px;
}

/**
 * NAV BAR Search Reset 
 */
#search {
  /**
   * Button
   */
  /**
   * Searh Field
   */
}

#search .button,
#search button {
  background-image: none;
  border-radius: 0;
  border: none;
  padding: 0;
  width: auto;
}

#search input {
  color: #000000;
  border: none;
}

/**
 * CONTENT Layoutblock img
 */
div.layoutBlock img {
  margin: 0;
}

div.layoutBlockContainer div.layoutBlock .unmanagedContent + a.more, div.js-li-wrapper--container div.layoutBlock .unmanagedContent + a.more,
div.layoutBlockContainer div.layoutBlock a + a.more, div.js-li-wrapper--container div.layoutBlock a + a.more {
  display: none;
}

/**
 * Footer Reset
 */
#footer {
  padding-top: 0;
}

#footer .extendedContainer {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

#footer .extendedContainer a {
  margin: 0;
}

#footer .headerFooterLinkList li a {
  padding: 0;
}

span.copyright {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

span.copyright a {
  margin: 0;
}

#UserMessageContainer {
  margin-top: 0px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: #333;
  border-top: 2px solid #FFFFFF;
  -moz-opacity: .95;
  filter: alpha(opacity=95);
  opacity: .95;
}

#UserMessageContainer #cookieComplianceMessage {
  background-color: transparent;
  border: medium none;
  color: #ffffff;
  margin: 0 auto;
  max-width: 1470px;
  opacity: 1;
  overflow: hidden;
  padding: 10px 0;
}

#UserMessageContainer #cookieComplianceMessage p {
  width: 90%;
  float: left;
  padding: 10px 0 10px 50px;
  margin: 0;
  box-sizing: border-box;
}

#UserMessageContainer #cookieComplianceMessage #cookieComplianceMessageAction {
  width: 75px;
  float: right;
  font-size: 0px;
  margin: 0;
  text-align: center;
  width: 10%;
  padding: 10px 0 0;
}

#UserMessageContainer #cookieComplianceMessage #cookieComplianceMessageAction #btnCloseComplianceMessage {
  background: url("/REF/Common/2015-website/images/picto-close.png") no-repeat 2px 3px;
  padding: 47px 45px 0 0;
  width: auto;
  font-size: 1px;
  color: transparent;
}

/* --------------------------------------------- END RESET EPISERVER -------------------------------------------- */
/*------------------------------------*		$HELPERS
\*------------------------------------*/
/*
 * Clearfix: contain floats
 *
 * http://nicolasgallagher.com/micro-clearfix-hack/
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf, div.layoutBlockContainer, div.js-li-wrapper--container, .js-li-wrapper, #topNavigation ul.level1 {
  *zoom: 1;
}

.cf:before, div.layoutBlockContainer:before, div.js-li-wrapper--container:before, .js-li-wrapper:before, #topNavigation ul.level1:before, .cf:after, div.layoutBlockContainer:after, div.js-li-wrapper--container:after, .js-li-wrapper:after, #topNavigation ul.level1:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after, div.layoutBlockContainer:after, div.js-li-wrapper--container:after, .js-li-wrapper:after, #topNavigation ul.level1:after {
  clear: both;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-transform-none {
  text-transform: none;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.margin-top-none {
  margin-top: 0;
}

.margin-top-half-quarter {
  margin-top: 0.3125rem;
}

.margin-top-quarter {
  margin-top: 0.625rem;
}

.margin-top-half {
  margin-top: 1.25rem;
}

.margin-top-one {
  margin-top: 2.5rem;
}

.margin-top-two {
  margin-top: 5rem;
}

.margin-bottom-none {
  margin-bottom: 0;
}

.margin-bottom-half-quarter {
  margin-bottom: 0.3125rem;
}

.margin-bottom-quarter {
  margin-bottom: 0.625rem;
}

.margin-bottom-half {
  margin-bottom: 1.25rem;
}

.margin-bottom-one {
  margin-bottom: 2.5rem;
}

.margin-bottom-two {
  margin-bottom: 5rem;
}

.margin-left-none {
  margin-left: 0;
}

.margin-left-half-quarter {
  margin-left: 0.3125rem;
}

.margin-left-quarter {
  margin-left: 0.625rem;
}

.margin-left-half {
  margin-left: 1.25rem;
}

.margin-left-one {
  margin-left: 2.5rem;
}

.margin-left-two {
  margin-left: 5rem;
}

.margin-left-none {
  margin-right: 0;
}

.margin-left-half-quarter {
  margin-right: 0.3125rem;
}

.margin-left-quarter {
  margin-right: 0.625rem;
}

.margin-left-half {
  margin-right: 1.25rem;
}

.margin-left-one {
  margin-right: 2.5rem;
}

.margin-left-two {
  margin-right: 5rem;
}

.align-top {
  vertical-align: top !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-middle {
  vertical-align: middle !important;
}

.with-border {
  border: 1px solid #484449;
}

.contentLayoutBox .v-align {
  vertical-align: middle;
}

.contentLayoutBox .v-align .unmanagedContent {
  width: 100%;
  height: inherit;
  display: table;
}

.contentLayoutBox .v-align .unmanagedContent > div {
  display: table-cell;
  vertical-align: middle;
}

.center-with-content, .center-with-content--left, .center-with-content--right {
  width: 73%;
  text-align: center;
}

.center-with-content--left {
  margin-right: 27%;
}

.center-with-content--right {
  margin-left: 27%;
}

@media (max-width: 50rem) {
  .center-with-content--left,
  .center-with-content--right {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.border-top {
  border-top: 1px solid #BBBBBB;
}

.border-right {
  border-right: 1px solid #BBBBBB;
}

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

.border-bottom {
  border-bottom: 1px solid #BBBBBB;
}

.layoutBlocks.empty-block div.layoutBlockContainer div.layoutBlock, .layoutBlocks.empty-block div.js-li-wrapper--container div.layoutBlock, .layoutBlocks.empty-block div.js-li-wrapper--container div.layoutBlock {
  margin-bottom: 0;
  padding: 0;
}

/* --------------------------------------------- END HELPERS -------------------------------------------- */
/**
 * Base style
 */
/*---------------------------*  MAJ LM 12/04/2016 - 18:45
\*---------------------------*/
/*------------------------------------*    $TYPOGRAPHY
\*------------------------------------*/
@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-200.svg") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-300.svg") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-500.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-600.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.eot") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.woff") format("woff"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.woff2") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.ttf") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.eot") format("eot"), url("/REF/Common/WebSite-RWD/fonts/MontSerrat/montserrat-v12-latin-800.svg") format("svg");
  font-weight: 800;
  font-style: normal;
}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("/REF/Common/WebSite-RWD/fonts/icon-fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  color: #000000;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  line-height: 1.5;
}

a {
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
}

/* --------------------------------------------- END TYPOGRAPHY -------------------------------------------- */
/*---------------------------*  MAJ LM 20/04/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Wysiwyg
 *
*/
div.layoutBlock .white--lp {
  color: #FFFFFF;
}

div.layoutBlock .white--lp a {
  color: #FFFFFF;
}

div.layoutBlock .gris-clair--lp {
  color: #E1E3E4;
}

div.layoutBlock .gris-clair--lp a {
  color: #E1E3E4;
}

div.layoutBlock .rouge--lp {
  color: #E0003C;
}

div.layoutBlock .rouge--lp a {
  color: #E0003C;
}

div.layoutBlock .jaune--lp {
  color: #F5C800;
}

div.layoutBlock .jaune--lp a {
  color: #F5C800;
}

div.layoutBlock .noir--lp {
  color: #000000;
}

div.layoutBlock .noir--lp a {
  color: #000000;
}

div.layoutBlock .gris-fonce--lp {
  color: #404040;
}

div.layoutBlock .gris-fonce--lp a {
  color: #404040;
}

/*------------------------------------------------------*    #HEADINGS - last update by SL on August 07th at 14:29
\*------------------------------------------------------*/
h1, h2, h3, h4, h5, h6,
h2 a, .heading2, .heading2 a {
  color: #f47324;
  font-family: "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  font-weight: 500;
  margin: 0;
}

h1,
h1#pageName {
  display: none;
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 500;
}

@media (max-width: 50rem) {
  h1,
  h1#pageName {
    font-size: 27px;
    font-size: 1.6875rem;
  }
}

h2, h2 a {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 0.75rem;
}

h2.border-top, h2 a.border-top {
  border-top: 1px solid #cacaca;
}

@media (max-width: 64rem) {
  h2, h2 a {
    font-size: 27px;
    font-size: 1.6875rem;
  }
}

@media (max-width: 50rem) {
  h2, h2 a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (max-width: 25rem) {
  h2, h2 a {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

h3 {
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 0.65rem;
  text-transform: none;
}

@media (max-width: 64rem) {
  h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media (max-width: 50rem) {
  h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

@media (max-width: 25rem) {
  h3 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

h4 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 0.50rem;
  text-transform: none;
}

@media (max-width: 64rem) {
  h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (max-width: 50rem) {
  h4 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

@media (max-width: 25rem) {
  h4 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

/**** Responsive *****/
.btn-mobile,
.top-bar-wrapper__reseaux {
  display: none;
}

/*********** Layouts Blocks ***************/
div.layoutBlockContainer div.layoutBlock .unmanagedContent, div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  font-family: "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
}

/* --------------------------------------------- END HEADINGS -------------------------------------------- */
/*------------------------------------*    #LINKS
\*------------------------------------*/
a {
  text-decoration: none;
  color: #f47324;
}

a:hover {
  text-decoration: underline;
}

a[href=''] {
  pointer-events: none;
}

.layoutBlock .unmanagedContent a {
  color: #000000;
  text-decoration: underline;
}

.layoutBlock .unmanagedContent a:hover {
  text-decoration: none;
}

.layoutBlock .more {
  display: none;
}

/* --------------------------------------------- END LINKS -------------------------------------------- */
/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * For Responsive fluid images
 * http://alistapart.com/article/fluid-images#section2
 */
img {
  max-width: 100%;
}

/* --------------------------------------------- END IMAGES -------------------------------------------- */
/**
 * Grid
 */
/*---------------------------*\  
  MAJ LM 21/02/2017 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout blocks Content
 * Media Queries
 *
 */
/*--------------------------------------------------*\  
  #GRID - last update by LM on 21-02-2017
\*--------------------------------------------------*/
/**
 * Default variables for standalone use
 */
/*------------------------------------*\  
  #VARIABLES
\*------------------------------------*/
/*------------------------------------*\  
  #CSS
\*------------------------------------*/
/**
 * Hardcode reset
 */
[class*="col"], [class*="col"] * {
  clear: none;
}

[class*="col"] .clear,
[class*="col"] .feedItems {
  display: none !important;
}

#ctlChildPageList {
  margin: 0;
  padding: 0;
}

li.childPageList {
  clear: none;
}

/**
 * Full column / grid overflow - not about the grid
 */
.grid-overflow div.layoutBlockContainer, .grid-overflow div.js-li-wrapper--container {
  max-width: 100%;
}

.grid-overflow .unmanagedContent .video-container,
.grid-overflow .unmanagedContent .hero,
.grid-overflow .unmanagedContent video,
.grid-overflow .unmanagedContent img {
  width: 100%;
  margin: 0;
}

/**
 * Grid wrapper
 */
div.layoutBlockContainer, div.js-li-wrapper--container {
  max-width: 1470px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow: inherit;
}

/**
 * Columns
 */
.layoutBlocks div.layoutBlockContainer div.layoutBlock, .layoutBlocks div.js-li-wrapper--container div.layoutBlock {
  display: inline-block;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0px;
}

li.layoutBlocks > .unmanagedContent {
  clear: left;
}

li + .js-li-wrapper--container {
  margin-bottom: 0;
}

/*------------------------------------*\  
  #FUNCTIONS
\*------------------------------------*/
/*------------------------------------*\  
  #MIXINS
\*------------------------------------*/
/*------------------------------------*\  
    #MATH FOR THE GRID
  \*------------------------------------*/
/*------------------------------------*\    
    Sur un <LI> [full]
  \*------------------------------------*/
/**
   * 1 block (au choix)
   * | 12 |
   */
.c-100 div.layoutBlockContainer, .c-100 div.js-li-wrapper--container {
  float: none;
  width: 100%;
}

@media (max-width: 64rem) {
  .c-100 div.layoutBlockContainer, .c-100 div.js-li-wrapper--container {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-100 div.layoutBlockContainer div.layoutBlock, .c-100 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

/**
   * 1 block
   * | 10 |
   */
.c-85 div.layoutBlockContainer, .c-85 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-85 div.layoutBlockContainer div.layoutBlock, .c-85 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 83.33333%;
  margin-left: auto;
  margin-right: auto;
}

/**
   * 1 block
   * | 8 |
   */
.c-66 div.layoutBlockContainer, .c-66 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-66 div.layoutBlockContainer div.layoutBlock, .c-66 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 66.66667%;
  margin-left: auto;
  margin-right: auto;
}

/**
   * 1 block
   * | 6 |
   */
.c-50 div.layoutBlockContainer, .c-50 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-50 div.layoutBlockContainer div.layoutBlock, .c-50 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* 2 blocks */
/**
     * 2 blocks
     * | 12 || 12 |
     * | 12 || 0  |
     * | 0  || 12 |
     * | 6 | 6 |
     * | 9 | 3 (pub) |
     * | 3 | 9 (pub) |
     * | 8 | 4 (pub) |
     * | 4 | 8 (pub) |
     */
.c-2x100 div.layoutBlockContainer, .c-2x100 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

@media (max-width: 50rem) {
  .c-2x100 div.layoutBlockContainer, .c-2x100 div.js-li-wrapper--container {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-2x100 div.layoutBlockContainer div.layoutBlock, .c-2x100 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 100%;
  height: auto !important;
  margin-top: 2px;
  margin-bottom: 2px;
}

.c-2x100 div.layoutBlockContainer div.layoutBlock:first-child, .c-2x100 div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

.c-50-50 div.layoutBlockContainer, .c-50-50 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-50-50 div.layoutBlockContainer div.layoutBlock, .c-50-50 div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: 50%;
  margin-right: 0;
}

.c-50-50 div.layoutBlockContainer div.layoutBlock:first-child, .c-50-50 div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

.c-75-25 div.layoutBlockContainer, .c-75-25 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-75-25 div.layoutBlockContainer div.layoutBlock:first-child, .c-75-25 div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

.c-75-25 div.layoutBlockContainer div.layoutBlock-1, .c-75-25 div.js-li-wrapper--container div.layoutBlock-1 {
  float: left;
  display: block;
  width: 73.97959%;
  margin-left: 2.04082%;
  margin-right: 0;
}

.c-75-25 div.layoutBlockContainer div.layoutBlock-2, .c-75-25 div.js-li-wrapper--container div.layoutBlock-2 {
  float: left;
  display: block;
  width: 23.97959%;
  margin-left: 2.04082%;
  margin-right: 0;
}

.c-25-75 div.layoutBlockContainer, .c-25-75 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-25-75 div.layoutBlockContainer div.layoutBlock:first-child, .c-25-75 div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

.c-25-75 div.layoutBlockContainer div.layoutBlock-1, .c-25-75 div.js-li-wrapper--container div.layoutBlock-1 {
  float: left;
  display: block;
  width: 23.97959%;
  margin-left: 2.04082%;
  margin-right: 0;
}

.c-25-75 div.layoutBlockContainer div.layoutBlock-2, .c-25-75 div.js-li-wrapper--container div.layoutBlock-2 {
  float: left;
  display: block;
  width: 73.97959%;
  margin-left: 2.04082%;
  margin-right: 0;
}

/*------------------------------------*\      
      Sur un <LI> [full] + AD
    \*------------------------------------*/
/**
     * 2 block (au choix)
     * | 12 | ad |
     */
.c-75-ad div.layoutBlockContainer, .c-75-ad div.js-li-wrapper--container {
  float: none;
  width: 100%;
  max-width: 1470px;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-75-ad div.layoutBlockContainer div.layoutBlock, .c-75-ad div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}

.c-75-ad div.layoutBlockContainer div.layoutBlock-2, .c-75-ad div.js-li-wrapper--container div.layoutBlock-2 {
  width: 300px;
}

.c-75-adp div.layoutBlockContainer, .c-75-adp div.js-li-wrapper--container {
  float: none;
  width: 100%;
  max-width: 1470px;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-75-adp div.layoutBlockContainer div.layoutBlock, .c-75-adp div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: -moz-calc(97.3% - 300px);
  width: -webkit-calc(97.3% - 300px);
  width: calc(97.3% - 300px);
  margin-left: 2.04082%;
  margin-right: 0;
}

.c-75-adp div.layoutBlockContainer div.layoutBlock:first-child, .c-75-adp div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

.c-75-adp div.layoutBlockContainer div.layoutBlock-2, .c-75-adp div.js-li-wrapper--container div.layoutBlock-2 {
  text-align: center;
  width: 300px;
}

.c-ad-75 div.layoutBlockContainer, .c-ad-75 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-ad-75 div.layoutBlockContainer div.layoutBlock, .c-ad-75 div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
}

.c-ad-75 div.layoutBlockContainer div.layoutBlock-1, .c-ad-75 div.js-li-wrapper--container div.layoutBlock-1 {
  width: 300px;
}

.c-adp-75 div.layoutBlockContainer, .c-adp-75 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  max-width: 1470px;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-adp-75 div.layoutBlockContainer div.layoutBlock, .c-adp-75 div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: -moz-calc(97.3% - 300px);
  width: -webkit-calc(97.3% - 300px);
  width: calc(97.3% - 300px);
  margin-left: 0;
  margin-right: 2.04082%;
}

.c-adp-75 div.layoutBlockContainer div.layoutBlock + div.layoutBlock-2, .c-adp-75 div.js-li-wrapper--container div.layoutBlock + div.layoutBlock-2 {
  margin-right: 0;
}

.c-adp-75 div.layoutBlockContainer div.layoutBlock-1, .c-adp-75 div.js-li-wrapper--container div.layoutBlock-1 {
  text-align: center;
  width: 300px;
}

/* 3 blocks */
/**
     * 3 block (au choix)
     * | 6-6 | ad |
    */
.c-33-33-ad div.layoutBlockContainer, .c-33-33-ad div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-33-33-ad div.layoutBlockContainer div.layoutBlock, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: -moz-calc((100% - 300px) / 2);
  width: -webkit-calc((100% - 300px) / 2);
  width: calc((100% - 300px) / 2);
  height: 250px;
}

.c-33-33-ad div.layoutBlockContainer div.layoutBlock-3, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock-3 {
  width: 300px;
}

.c-ad-33-33 div.layoutBlockContainer, .c-ad-33-33 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.c-ad-33-33 div.layoutBlockContainer div.layoutBlock, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: -moz-calc((100% - 300px) / 2);
  width: -webkit-calc((100% - 300px) / 2);
  width: calc((100% - 300px) / 2);
  height: 250px;
}

.c-ad-33-33 div.layoutBlockContainer div.layoutBlock-1, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock-1 {
  width: 300px;
}

/**
     * 3 blocks
     * | 12 | 12 | 12 |
    */
/**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
/**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
/**
     * 3 block
     * | 6 | 6 | 6 |
     */
/**
     * 3 block
     * | 4 | 4 | 4 |
     */
.c-33-33-33 div.layoutBlockContainer, .c-33-33-33 div.js-li-wrapper--container {
  float: none;
  width: 100%;
  padding-left: 2.72109%;
  padding-right: 2.72109%;
  text-align: center;
  letter-spacing: -0.28em;
}

.c-33-33-33 div.layoutBlockContainer div.layoutBlock, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock {
  float: left;
  display: block;
  width: 31.93946%;
  margin-left: 2.04082%;
  margin-right: 0;
  letter-spacing: normal;
  display: inline-block;
  float: none;
  text-align: left;
  vertical-align: top;
}

.c-33-33-33 div.layoutBlockContainer div.layoutBlock:first-child, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock:first-child {
  margin-left: 0;
}

/**
     * 3 blocks
     * | 6 | 3 | 3 |
     */
/**
     * 3 blocks
     * | 3 | 6 | 3 |
     */
/**
     * 3 blocks
     * | 3 | 3 | 6 |
     */
/**
     * block-1
     * li 12-12-0 | 12 | 12 | 0 |
     */
/*------------------------------------*\      
      Sur deux <LI> [full]
    \*------------------------------------*/
/* 2 blocks */
/**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3--1  | 3 | 3 | 3 | 3 |
     * li 3-3-3-3--2
     */
/**
     * block-1
     * li 6-6-0 | 6 | 6 | 0 |
     */
/**
     * block-1, block-2 sur 2 li
     * li 4-4-4-0--1  | 4 | 4 | 4 | 0 |
     * li 4-4-4-0--2
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 3-3-3-3-0--1 : | 3 | 3 | 3 | 3 | 0 |
     * li 3-3-3-3-0--2 :
     */
/**
     * block-1, block-2 sur 2 li
     * li 12-12-12-0--1  | 12 |
     * li 12-12-12-0--2  | 12 |
     *                   | 12 |
     *                   |  0 |
     */
/* 3 blocks */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-2-2--1  | 2 | 2 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-2-2--2
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 5--1 : | 1/5 | 1/5 | 1/5 | 1/5 | 1/5 |
     * li 5--2 :
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 4-2-2-2-2--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 4-2-2-2-2--2 :
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-4--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-4--2 :
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-6-6--1 : | 4 | 4 | 4 |
     * li 4-4-4-6-6--2 : | 6 | 6 |
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 12-12-12-12-12--1 : | 12 | 12 | 12 |
     * li 12-12-12-12-12--2 : | 12 | 12 |
     */
/**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-4-4-4--1 : | 4 | 4 | 4 |
     * li 4-4-4-4-4-4--2 : | 4 | 4 | 4 |
     */
/*------------------------------------*\      
      AD(PUB) -- Sur deux <LI> [full] 
    \*------------------------------------*/
/**
     * block-1, block-2 sur 2 li
     * li 4-4-4-ad--1  | 4 | 4 | 4 | ad |
     * li 4-4-4-ad--2
     */
/**
     * block-1, block-2 sur 2 li
     * li ad-4-4-4--1  | ad | 4 | 4 | 4 |
     * li ad-4-4-4--2
     */
/**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3-ad--1  | 3 | 3 | 3 | 3 | ad |
     * li 3-3-3-3-ad--2
     */
/**
     * block-1, block-2 sur 2 li
     * li ad-3-3-3-3--1  | ad | 3 | 3 | 3 | 3 |
     * li ad-3-3-3-3--2
     */
@media (max-width: 64rem) {
  /*------------------------------------*\      
      Sur un <LI> [large] + AD
    \*------------------------------------*/
  /**
     * 2 block (au choix)
     * | 12 | ad |
     */
  /* 3 blocks */
  /**
     * 3 block (au choix)
     * | 6-6 | ad |
    */
  .c-ad-33-33 div.layoutBlockContainer div.layoutBlock, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
  .c-ad-33-33 div.layoutBlockContainer div.layoutBlock-1, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock-1 {
    float: none;
    width: 100%;
  }
  .c-33-33-ad div.layoutBlockContainer div.layoutBlock, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
  .c-33-33-ad div.layoutBlockContainer div.layoutBlock-3, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock-3 {
    width: 100%;
  }
  /**
     * 3 blocks
     * | 12 | 12 | 12 |
    */
}

@media (max-width: 50rem) {
  /**
   * 1 block
   * | 10 |
   */
  /**
   * 1 block
   * | 8 |
   */
  /**
   * 1 block
   * | 6 |
   */
  /* 2 blocks */
  /**
     * 2 blocks
     * | 12 || 12 |
     * | 12 || 0  |
     * | 0  || 12 |
     * | 6 | 6 |
     * | 9 | 3 (pub) |
     * | 3 | 9 (pub) |
     * | 8 | 4 (pub) |
     * | 4 | 8 (pub) |
     */
  .c-50-50 div.layoutBlockContainer, .c-ad-75 div.layoutBlockContainer, .c-75-ad div.layoutBlockContainer, .c-75-adp div.layoutBlockContainer, .c-adp-75 div.layoutBlockContainer, .c-50-50 div.js-li-wrapper--container, .c-ad-75 div.js-li-wrapper--container, .c-75-ad div.js-li-wrapper--container, .c-75-adp div.js-li-wrapper--container, .c-adp-75 div.js-li-wrapper--container {
    float: none;
    width: 100%;
    padding-left: 2.72109%;
    padding-right: 2.72109%;
  }
}

@media (max-width: 50rem) and (max-width: 50rem) {
  .c-50-50 div.layoutBlockContainer, .c-ad-75 div.layoutBlockContainer, .c-75-ad div.layoutBlockContainer, .c-75-adp div.layoutBlockContainer, .c-adp-75 div.layoutBlockContainer, .c-50-50 div.js-li-wrapper--container, .c-ad-75 div.js-li-wrapper--container, .c-75-ad div.js-li-wrapper--container, .c-75-adp div.js-li-wrapper--container, .c-adp-75 div.js-li-wrapper--container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 50rem) {
  .c-50-50 div.layoutBlockContainer div.layoutBlock, .c-ad-75 div.layoutBlockContainer div.layoutBlock, .c-75-ad div.layoutBlockContainer div.layoutBlock, .c-75-adp div.layoutBlockContainer div.layoutBlock, .c-adp-75 div.layoutBlockContainer div.layoutBlock, .c-50-50 div.js-li-wrapper--container div.layoutBlock, .c-ad-75 div.js-li-wrapper--container div.layoutBlock, .c-75-ad div.js-li-wrapper--container div.layoutBlock, .c-75-adp div.js-li-wrapper--container div.layoutBlock, .c-adp-75 div.js-li-wrapper--container div.layoutBlock {
    float: none;
    display: block;
    width: 100%;
    height: auto !important;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .c-50-50 div.layoutBlockContainer div.layoutBlock:first-child, .c-ad-75 div.layoutBlockContainer div.layoutBlock:first-child, .c-75-ad div.layoutBlockContainer div.layoutBlock:first-child, .c-75-adp div.layoutBlockContainer div.layoutBlock:first-child, .c-adp-75 div.layoutBlockContainer div.layoutBlock:first-child, .c-50-50 div.js-li-wrapper--container div.layoutBlock:first-child, .c-ad-75 div.js-li-wrapper--container div.layoutBlock:first-child, .c-75-ad div.js-li-wrapper--container div.layoutBlock:first-child, .c-75-adp div.js-li-wrapper--container div.layoutBlock:first-child, .c-adp-75 div.js-li-wrapper--container div.layoutBlock:first-child {
    margin-left: 0;
  }
  /*------------------------------------*\      
      Sur un <LI> [medium] + AD
    \*------------------------------------*/
  /**
     * 2 block (au choix)
     * | 12 | ad |
     */
  /* 3 blocks */
  /**
     * 3 block (au choix)
     * | 6-6 | ad |
    */
  /**
     * 3 blocks
     * | 12 | 12 | 12 |
    */
}

@media (max-width: 50rem) {
  /**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
  /**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
  /**
     * 3 block
     * | 6 | 6 | 6 |
     */
  .c-33-33-33 div.layoutBlockContainer, .c-33-33-33 div.js-li-wrapper--container {
    float: none;
    width: 100%;
    padding-left: 2.72109%;
    padding-right: 2.72109%;
    text-align: center;
    letter-spacing: -0.28em;
  }
  .c-33-33-33 div.layoutBlockContainer div.layoutBlock, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock {
    float: left;
    display: block;
    width: 48.63946%;
    margin-left: 2.04082%;
    margin-right: 0;
    letter-spacing: normal;
    display: inline-block;
    float: none;
    text-align: left;
    vertical-align: top;
  }
  .c-33-33-33 div.layoutBlockContainer div.layoutBlock:first-child, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock:first-child {
    margin-left: 0;
  }
  /**
     * 3 block
     * | 4 | 4 | 4 |
     */
  /**
     * 3 blocks
     * | 6 | 3 | 3 |
     */
  /**
     * 3 blocks
     * | 3 | 6 | 3 |
     */
  /**
     * 3 blocks
     * | 3 | 3 | 6 |
     */
  /**
     * block-1
     * li 12-12-0 | 12 | 12 | 0 |
     */
  /*------------------------------------*\      
      Sur deux <LI> [medium]
    \*------------------------------------*/
  /* 2 blocks */
  /**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3--1  | 3 | 3 | 3 | 3 |
     * li 3-3-3-3--2
     */
  /**
     * block-1
     * li 6-6-0 | 6 | 6 | 0 |
     */
  /**
     * block-1, block-2 sur 2 li
     * li 4-4-4-0--1  | 4 | 4 | 4 | 0 |
     * li 4-4-4-0--2
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 3-3-3-3-0--1 : | 3 | 3 | 3 | 3 | 0 |
     * li 3-3-3-3-0--2 :
     */
  /**
     * block-1, block-2 sur 2 li
     * li 12-12-12-0--1  | 12 |
     * li 12-12-12-0--2  | 12 |
     *                   | 12 |
     *                   |  0 |
     */
  /* 3 blocks */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-2-2--1  | 2 | 2 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-2-2--2
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 5--1 : | 1/5 | 1/5 | 1/5 | 1/5 | 1/5 |
     * li 5--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-2-2-2-2--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 4-2-2-2-2--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-4--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-4--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-6-6--1 : | 4 | 4 | 4 |
     * li 4-4-4-6-6--2 : | 6 | 6 |
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 12-12-12-12-12--1 : | 12 | 12 | 12 |
     * li 12-12-12-12-12--2 : | 12 | 12 |
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-4-4-4--1 : | 4 | 4 | 4 |
     * li 4-4-4-4-4-4--2 : | 4 | 4 | 4 |
     */
  /*------------------------------------*\      
      AD(PUB) -- Sur deux <LI> [medium] 
    \*------------------------------------*/
  /**
     * block-1, block-2 sur 2 li
     * li 4-4-4-ad--1  | 4 | 4 | 4 | ad |
     * li 4-4-4-ad--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li ad-4-4-4--1  | ad | 4 | 4 | 4 |
     * li ad-4-4-4--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3-ad--1  | 3 | 3 | 3 | 3 | ad |
     * li 3-3-3-3-ad--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li ad-3-3-3-3--1  | ad | 3 | 3 | 3 | 3 |
     * li ad-3-3-3-3--2
     */
}

@media (max-width: 37.5rem) {
  /*------------------------------------*\      
      Sur un <LI> [x-medium] + AD
    \*------------------------------------*/
  /**
     * 2 block (au choix)
     * | 12 | ad |
     */
  /* 3 blocks */
  /**
     * 3 block (au choix)
     * | 6-6 | ad |
    */
  /**
     * 3 blocks
     * | 12 | 12 | 12 |
    */
  .c-33-33-33 div.layoutBlockContainer, .c-ad-33-33 div.layoutBlockContainer, .c-33-33-ad div.layoutBlockContainer, .c-33-33-33 div.js-li-wrapper--container, .c-ad-33-33 div.js-li-wrapper--container, .c-33-33-ad div.js-li-wrapper--container {
    float: none;
    width: 100%;
    padding-left: 2.72109%;
    padding-right: 2.72109%;
  }
}

@media (max-width: 37.5rem) and (max-width: 50rem) {
  .c-33-33-33 div.layoutBlockContainer, .c-ad-33-33 div.layoutBlockContainer, .c-33-33-ad div.layoutBlockContainer, .c-33-33-33 div.js-li-wrapper--container, .c-ad-33-33 div.js-li-wrapper--container, .c-33-33-ad div.js-li-wrapper--container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 37.5rem) {
  .c-33-33-33 div.layoutBlockContainer div.layoutBlock, .c-ad-33-33 div.layoutBlockContainer div.layoutBlock, .c-33-33-ad div.layoutBlockContainer div.layoutBlock, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .c-33-33-33 div.layoutBlockContainer div.layoutBlock:first-child, .c-ad-33-33 div.layoutBlockContainer div.layoutBlock:first-child, .c-33-33-ad div.layoutBlockContainer div.layoutBlock:first-child, .c-33-33-33 div.js-li-wrapper--container div.layoutBlock:first-child, .c-ad-33-33 div.js-li-wrapper--container div.layoutBlock:first-child, .c-33-33-ad div.js-li-wrapper--container div.layoutBlock:first-child {
    margin-left: 0;
  }
  /**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
  /**
     * 3 blocks
     * | 12 | 6 | 6 |
    */
  /**
     * 3 block
     * | 6 | 6 | 6 |
     */
  /**
     * 3 block
     * | 4 | 4 | 4 |
     */
  /**
     * 3 blocks
     * | 6 | 3 | 3 |
     */
  /**
     * 3 blocks
     * | 3 | 6 | 3 |
     */
  /**
     * 3 blocks
     * | 3 | 3 | 6 |
     */
  /**
     * block-1
     * li 12-12-0 | 12 | 12 | 0 |
     */
  /*------------------------------------*\      
      Sur deux <LI> [x-medium]
    \*------------------------------------*/
  /* 2 blocks */
  /**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3--1  | 3 | 3 | 3 | 3 |
     * li 3-3-3-3--2
     */
  /**
     * block-1
     * li 6-6-0 | 6 | 6 | 0 |
     */
  /**
     * block-1, block-2 sur 2 li
     * li 4-4-4-0--1  | 4 | 4 | 4 | 0 |
     * li 4-4-4-0--2
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 3-3-3-3-0--1 : | 3 | 3 | 3 | 3 | 0 |
     * li 3-3-3-3-0--2 :
     */
  /**
     * block-1, block-2 sur 2 li
     * li 12-12-12-0--1  | 12 |
     * li 12-12-12-0--2  | 12 |
     *                   | 12 |
     *                   |  0 |
     */
  /* 3 blocks */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-2-2--1  | 2 | 2 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-2-2--2
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 5--1 : | 1/5 | 1/5 | 1/5 | 1/5 | 1/5 |
     * li 5--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-2-2-2-2--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 4-2-2-2-2--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 2-2-2-2-4--1 : | 4 | 2 | 2 | 2 | 2 |
     * li 2-2-2-2-4--2 :
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-6-6--1 : | 4 | 4 | 4 |
     * li 4-4-4-6-6--2 : | 6 | 6 |
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 12-12-12-12-12--1 : | 12 | 12 | 12 |
     * li 12-12-12-12-12--2 : | 12 | 12 |
     */
  /**
     * block-1, block-2, block-3 sur 2 li
     * li 4-4-4-4-4-4--1 : | 4 | 4 | 4 |
     * li 4-4-4-4-4-4--2 : | 4 | 4 | 4 |
     */
  /*------------------------------------*\      
      AD(PUB) -- Sur deux <LI> [x-medium] 
    \*------------------------------------*/
  /**
     * block-1, block-2 sur 2 li
     * li 4-4-4-ad--1  | 4 | 4 | 4 | ad |
     * li 4-4-4-ad--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li ad-4-4-4--1  | ad | 4 | 4 | 4 |
     * li ad-4-4-4--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li 3-3-3-3-ad--1  | 3 | 3 | 3 | 3 | ad |
     * li 3-3-3-3-ad--2
     */
  /**
     * block-1, block-2 sur 2 li
     * li ad-3-3-3-3--1  | ad | 3 | 3 | 3 | 3 |
     * li ad-3-3-3-3--2
     */
}

/*------------------------------------*    THE GRID - BASE WIDTH --- 1470
\*------------------------------------*/
/**** 1 block ****/
/**** 2 blocks ****/
/**
     * PUB
     * 2 block (au choix)
     * | ad | adp |
     */
/**** 3 blocks ****/
/**
     * PUB
     * 3 block (au choix)
     * | ad |
     */
/**** 4 blocks ****/
/*------------------------------------*\  
  #MATH FOR THE GRID - LARGE 1024px
\*------------------------------------*/
/*------------------------------------*\  
  #MATH FOR THE GRID - MEDIUM 800px
\*------------------------------------*/
/*------------------------------------*\  
  #MATH FOR THE GRID - X-MEDIUM 600px
\*------------------------------------*/
/*------------------------------------*\  
  #MATH FOR THE GRID - SMALL
\*------------------------------------*/
/*------------------------------------*\  
  #MATH FOR THE GRID - X-SMALL  
\*------------------------------------*/
/**
 * Layout style
*/
/*---------------------------*  MAJ LM 27/09/2016 - 18:45
\*---------------------------*/
/**** Top Bar ***/
/**** Button Search ***/
/**** Header et Texts ***/
/************ Barre Navigation ***********/
/**** Page Top Container ***/
/**** Breadcrumb ***/
/**** Footer *****/
/*------------------------------------*    #TOP BAR
\*------------------------------------*/
.uab-static .top-bar-wrapper {
  position: fixed;
}

.top-bar-wrapper {
  background-color: #FFFFFF;
}

.top-bar-wrapper .toolbar-link {
  display: none !important;
}

.top-bar-wrapper .top-bar {
  background-color: #1e2977;
  color: #FFFFFF;
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 2.72109% 0 2.72109%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.top-bar-wrapper .top-bar .toolbar-dock-left {
  margin-left: 0;
}

.top-bar-wrapper .top-bar .toolbar-dock-left .toolbar-item-languages {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  float: none;
  text-transform: capitalize;
}

.top-bar-wrapper .top-bar .toolbar-dock-right {
  margin-right: 0;
}

.top-bar-wrapper .top-bar .toolbar-dock-right li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  float: none;
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search {
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search .button {
  background: transparent;
  color: #FFFFFF;
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 0 0 0 3px;
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search .button:before {
  content: "";
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search .button span {
  display: none;
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search .button:hover {
  color: #404040;
}

.top-bar-wrapper .top-bar .toolbar-dock-right #search input {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 4px 5px 3px 5px;
}

.top-bar-wrapper .top-bar li.mobile-menu {
  color: #FFF;
  cursor: pointer;
  display: none;
  font-size: 35px;
  font-size: 2.1875rem;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.top-bar-wrapper .top-bar li.mobile-menu:before {
  content: "";
}

.top-bar-wrapper .top-bar li.mobile-menu.close:before {
  content: "";
}

@media (max-width: 50rem) {
  .top-bar-wrapper .top-bar li.mobile-menu {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
  }
}

.top-bar-wrapper__reseaux {
  display: block;
  float: right;
  text-align: right;
}

.top-bar-wrapper__reseaux li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.top-bar-wrapper__reseaux a {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 11px 7px;
  color: transparent;
  display: block;
  font-size: 0px;
  height: 34px;
  width: 34px;
}

.top-bar-wrapper__reseaux__tag a {
  background: transparent;
  color: #FFFFFF;
  font-size: 16px;
  width: auto;
  padding: 6px 3px 0 0;
}

.top-bar-wrapper__reseaux__tag a:hover {
  color: #FFFFFF;
}

.top-bar-wrapper__reseaux__fa {
  margin: 0;
}

.top-bar-wrapper__reseaux__fa a {
  background-position: 5px 8px;
}

.top-bar-wrapper__reseaux__fa a:hover {
  background-position: -84px 8px;
}

.top-bar-wrapper__reseaux__tw a {
  background-position: 0px -20px;
}

.top-bar-wrapper__reseaux__tw a:hover {
  background-position: -90px -20px;
}

.top-bar-wrapper__reseaux__it a {
  background-position: 3px -49px;
}

.top-bar-wrapper__reseaux__it a:hover {
  background-position: -87px -49px;
}

.top-bar-wrapper__reseaux__pt a {
  background-position: 3px -83px;
}

.top-bar-wrapper__reseaux__pt a:hover {
  background-position: -85px -83px;
}

.top-bar-wrapper__reseaux__sn a {
  background-position: 4px -116px;
}

.top-bar-wrapper__reseaux__sn a:hover {
  background-position: -39px -116px;
}

.top-bar-wrapper__reseaux__gp a {
  background-position: 5px -149px;
}

.top-bar-wrapper__reseaux__gp a:hover {
  background-position: -37px -149px;
}

.top-bar-wrapper__reseaux__yt a {
  background-position: 3px -181px;
}

.top-bar-wrapper__reseaux__yt a:hover {
  background-position: -87px -181px;
}

.top-bar-wrapper__reseaux__lk a {
  background-position: 5px -218px;
}

.top-bar-wrapper__reseaux__lk a:hover {
  background-position: -85px -218px;
}

#topNavigation .top-bar-wrapper__reseaux {
  display: block;
}

.top-bar-wrapper__partners {
  float: right;
  padding: 6px 0 0;
}

.top-bar-wrapper__partners li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  display: inline-block;
  padding: 0 0 0 15px;
}

.top-bar-wrapper__partners li:last-child {
  border-right: 1px solid;
  padding-right: 10px;
}

.top-bar-wrapper__partners li a {
  color: #FFFFFF;
}

.top-bar-wrapper__partners li a:hover {
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: 0 0 2px #FFFFFF;
  transition: .2s ease;
}

#topNavigation .top-bar-wrapper__partners {
  float: none;
  margin-bottom: 10px;
}

#topNavigation .top-bar-wrapper__partners li {
  margin: 0 0 10px;
}

@media (max-width: 64rem) {
  .top-bar, .top-bar-wrapper__partners {
    padding: 9px 0 0;
  }
  .top-bar li, .top-bar-wrapper__partners li {
    padding: 0 0 0 6px;
  }
  .top-bar li a, .top-bar-wrapper__partners li a {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media (max-width: 50rem) {
  .top-bar, .top-bar-wrapper__partners {
    padding: 9px 0 0;
  }
  .top-bar li, .top-bar-wrapper__partners li {
    padding: 0 0 0 6px;
  }
  .top-bar li:last-child, .top-bar-wrapper__partners li:last-child {
    padding-right: 7px;
  }
  .top-bar li a, .top-bar-wrapper__partners li a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #404040;
  }
  .top-bar li a:hover, .top-bar-wrapper__partners li a:hover {
    color: #2c226e;
  }
  .top-bar .toolbar-link {
    padding: 0;
  }
  .top-bar .toolbar-item {
    margin: 0;
  }
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 25rem) {
  #topNavigation .top-bar-wrapper__reseaux {
    float: none;
    margin-right: 0;
    margin-bottom: 60px;
    text-align: left;
  }
}

/* --------------------------------------------- END TOPBAR -------------------------------------------- */
/*---------------------------*  MAJ LM 27/09/2016 - 19:00
\*---------------------------*/
/*------------------------------------*	#LAYOUT #HEADER
\*------------------------------------*/
#header {
  background: #FFFFFF;
}

#brand {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9998;
  border-bottom: 1px solid #000000;
  max-width: 1470px;
  margin: 0 auto;
}

#brand > .unmanagedContent {
  max-width: 1470px;
  margin: 0 auto;
  overflow: hidden;
  padding: 1% 1.75% 0.75% 1.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
}

#brand .producedBy {
  display: none;
}

#brand .btn-mobile {
  display: none;
}

/*---------------------------*  MAJ LM 27/09/2016 - 19:00
\*---------------------------*/
/*------------------------------------*	#LAYOUT #HEADER model 1
\*------------------------------------*/
.header {
  position: relative;
}

.header .header__col-01 {
  display: inline-block;
}

.header .header__col-01__expo-logo {
  max-width: 133px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.header .header__col-02 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 89%;
  display: inline-block;
}

.header .header__col-02__base-line {
  color: #000000;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-size: 29px;
  font-size: 1.8125rem;
  font-weight: 400;
  padding: 0 0 0 5%;
  line-height: 1.25;
}

.header .header__col-02__base-line span {
  display: inline-block;
  font-weight: 700;
}

.header .header__col-02__base-line p {
  font-size: 20px;
  font-size: 1.25rem;
}

.header .header__col-02__btn {
  float: right;
}

.header .header__col-02__btn li {
  display: inline-block;
  border: 1px solid #404040;
  margin: 5% 15px 1px;
}

.header .header__col-02__btn li a {
  color: #404040;
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 6px 8px 6px 0;
}

.header .header__col-02__btn li:last-child {
  margin: 0;
}

.header .header__col-02__btn li:hover {
  border: 1px solid #2c226e;
  transition: 0.2s ease;
}

.header .header__col-02__btn li:hover a {
  color: #2c226e;
  text-decoration: none;
}

.header .header__col-02__btn__exhibition:before {
  content: "";
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 28px;
  margin: 0;
  background: url(/REF/REF_LivreParis/images/2017-LP/icons/sprite-v3.png) no-repeat -100px -415px;
}

.header .header__col-02__btn__exhibition:hover:before {
  background: url(/REF/REF_LivreParis/images/2017-LP/icons/sprite-v3.png) no-repeat -149px -415px;
}

.header .header__col-02__btn__billetterie {
  border: 1px solid #00a482 !important;
  background: #00a482;
}

.header .header__col-02__btn__billetterie a {
  color: #FFFFFF !important;
}

.header .header__col-02__btn__billetterie:before {
  content: "";
  color: white;
  display: inline-block;
  vertical-align: middle;
  width: 37px;
  height: 28px;
  margin: 0;
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat -101px -456px;
}

.header .header__col-02__btn__billetterie:hover:before {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat -150px -456px;
}

.header .header__col-02__btn__billetterie:hover {
  background: transparent;
}

.header .header__col-02__btn__billetterie:hover a {
  color: #00a482 !important;
}

.header .header__col-02__btn__exhibit {
  border: 1px solid #00a482 !important;
  background: #00a482;
}

.header .header__col-02__btn__exhibit a {
  color: #FFFFFF !important;
}

.header .header__col-02__btn__exhibit i {
  color: white;
  margin: 9px;
  font-style: initial;
  font-size: 26px;
  vertical-align: middle;
}

.header .header__col-02__btn__exhibit strong {
  color: #FFFFFF;
}

.header .header__col-02__btn__exhibit:hover {
  background-color: transparent;
}

.header .header__col-02__btn__exhibit:hover i {
  color: #00A47F;
}

.header .header__col-02__btn__exhibit:hover a {
  color: #00A47F !important;
}

/*------------------------------------*    Media queries from 1024px
\*------------------------------------*/
@media (max-width: 64rem) {
  #brand {
    -webkit-background-size: 1150px 100%;
    -o-background-size: 1150px 100%;
    background-size: 1150px 100%;
  }
  .header .header__col-01 {
    width: 15%;
  }
  .header .header__col-02 {
    width: 83.5%;
  }
  .header .header__col-02__btn {
    padding: 11px 0 0;
  }
}

/*------------------------------------*    Media queries from 800px
\*------------------------------------*/
@media (max-width: 50rem) {
  #brand {
    -webkit-background-size: 945px 360px;
    -o-background-size: 945px 360px;
    background-size: 945px 360px;
  }
  .header .header__col-01 {
    width: 100%;
    text-align: center;
  }
  .header .header__col-01__expo-logo {
    max-width: 200px;
  }
  .header .header__col-02 {
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
  }
  .header .header__col-02__base-line {
    display: block;
    padding: 19px 0 15px;
  }
  .header .header__col-02__base-line strong {
    font-size: 27px;
    font-size: 1.6875rem;
  }
  .header .header__col-02__base-line p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .header .header__col-02__btn {
    float: none;
    padding: 0;
  }
  .header .header__col-02__btn li {
    margin: 2px 10px 12px;
  }
  .header .header__col-02__btn li a {
    margin: 0 auto;
  }
}

/*------------------------------------*    Media queries from 600px
\*------------------------------------*/
@media (max-width: 37.5rem) {
  .header .header__col-02__base-line strong {
    margin: 0;
  }
  .header .header__col-02__base-line strong i {
    color: transparent;
  }
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 25rem) {
  .header .header__col-01__expo-logo {
    max-width: 170px;
  }
  .header .header__col-02__base-line {
    line-height: 1;
    margin: 0 auto;
    padding: 10px 0 10px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .header .header__col-02__base-line p {
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 2px;
  }
  .header .header__col-02__btn {
    padding: 0;
  }
  .header .header__col-02__btn li {
    margin-left: 0;
  }
  .header .header__col-02__btn li:first-child {
    margin-right: 20px;
  }
}

/* --------------------------------------------- END HEADER --------------------------------------------*/
/*------------------------------------*    Media queries from 1024px
\*------------------------------------*/
/*------------------------------------*    Media queries from 800px
\*------------------------------------*/
@media (max-width: 50rem) {
  #brand {
    position: inherit;
    z-index: 1;
  }
}

/*------------------------------------*    Media queries from 600px
\*------------------------------------*/
@media (max-width: 37.5rem) {
  #brand > .unmanagedContent {
    padding: 4% 0;
  }
}

/* --------------------------------------------- END L-HEADER --------------------------------------------*/
/*---------------------------*  MAJ LM 27/09/2016 - 18:45
\*--------------------------*/
/*------------------------------------*    #NAVIGATION MAIN LAYOUT
\*------------------------------------*/
#header #brand {
  /* + #topNavigation { display: block !important; } */
}

#topNavigation {
  clear: both;
  margin: 0px auto;
  margin-bottom: 0;
  width: 100%;
  z-index: 1;
  padding-top: 116px;
  /*----------------*      UL.level1
    \*----------------*/
}

#topNavigation.selectedHasChildren {
  margin-bottom: 0;
}

#topNavigation.no-js ul.level1 {
  max-width: 1470px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 1.75% 25px 1.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #FFFFFF;
}

#topNavigation.no-js ul.level1 li:hover a {
  background-color: inherit;
  color: inherit;
}

#topNavigation ul.level1 {
  max-width: 1470px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 25px 1.75% 25px 1.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #FFFFFF;
}

#topNavigation ul.level1 > .first a {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 2px -337px;
  background-color: transparent;
  color: transparent;
  border: none;
  font-size: 1px;
  padding: 0 17px;
}

#topNavigation ul.level1 > .first.selected a,
#topNavigation ul.level1 > .first.override-selected a {
  background-position: -47px -337px;
  background-color: transparent;
  color: transparent;
}

#topNavigation ul.level1 > .first:hover a,
#topNavigation ul.level1 > .first.hover a {
  background-position: -47px -337px;
  background-color: transparent;
  color: transparent;
}

#topNavigation ul.level1 li {
  border-left: none;
  background-color: inherit;
  position: relative;
  /*----------------*          UL.level1 > LI a 
        \*----------------*/
  /*-------------------------------------*                UL.level1 > LI.hasChildren
        \*-------------------------------------*/
}

#topNavigation ul.level1 li a {
  background-color: #FFFFFF;
  color: #000000;
  display: block;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  line-height: 40px;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  box-sizing: inherit;
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  padding: 0 17px;
}

#topNavigation ul.level1 li.selected a,
#topNavigation ul.level1 li.override-selected a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hover a,
#topNavigation ul.level1 li:hover a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hasChildren {
  /*----------------*            UL.level2
          \*----------------*/
}

#topNavigation ul.level1 li.hasChildren ul.level2 {
  background-color: inherit;
  display: none;
  min-width: 200px;
  position: absolute;
  width: auto;
  z-index: 100;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li {
  width: auto;
  float: none;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li a {
  background-color: #FFFFFF;
  color: #000000;
  border-left: none;
  padding: 0 15px;
  white-space: nowrap;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.selected a,
#topNavigation ul.level1 li.hasChildren ul.level2 li.override-selected a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover {
  /*----------------*                  UL.level3
                \*----------------*/
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover a, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover ul.level3, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover ul.level3 {
  border: none;
  top: 0;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover ul.level3 li a, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover ul.level3 li a {
  background-color: #FFFFFF;
  border-bottom: none;
  color: #000000;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover ul.level3 li.selected a,
#topNavigation ul.level1 li.hasChildren ul.level2 li.hover ul.level3 li.override-selected a, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover ul.level3 li.selected a,
#topNavigation ul.level1 li.hasChildren ul.level2 li:hover ul.level3 li.override-selected a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hasChildren ul.level2 li.hover ul.level3 li:hover a, #topNavigation ul.level1 li.hasChildren ul.level2 li:hover ul.level3 li:hover a {
  background-color: #FFFFFF;
  color: #e2007a;
  text-decoration: none;
}

#topNavigation ul.level1 li.hasChildren.hover ul.level2, #topNavigation ul.level1 li.hasChildren:hover ul.level2 {
  display: block;
}

#topNavigation ul.level1 > .last a {
  background-color: #FFFFFF;
  color: #000000;
}

#topNavigation ul.level1 > .last.selected a,
#topNavigation ul.level1 > .last.override-selected a {
  background-color: #FFFFFF;
  color: #e2007a;
}

#topNavigation ul.level1 > .last:hover a,
#topNavigation ul.level1 > .last.hover a {
  background-color: #FFFFFF;
  color: #e2007a;
}

/*------------------------------------*    #NAVIGATION RESPONSIVE - 1340px
\*------------------------------------*/
/*------------------------------------*    #NAVIGATION RESPONSIVE - 1024px
\*------------------------------------*/
/*------------------------------------*    #NAVIGATION RESPONSIVE - 940px
\*------------------------------------*/
@media (max-width: 58.75rem) {
  #topNavigation ul.level1 li a {
    padding: 0 9px;
  }
}

/*-------------------------------------------*    #NAVIGATION RESPONSIVE - Mobile - 800px
\*-------------------------------------------*/
@media (max-width: 50rem) {
  #topNavigation {
    border: none;
    display: none;
    position: fixed;
    top: 35px;
    width: 75%;
    height: 100%;
    overflow-y: scroll;
    /* 1 */
    -webkit-overflow-scrolling: scroll;
    /* 2 */
    z-index: 100;
    background: #FFFFFF;
    padding-top: 0;
    /*----------------*    UL.level1
    \*----------------*/
    /*----------------*      Button Search
    \*----------------*/
  }
  #topNavigation ul.level1 {
    padding: 0;
  }
  #topNavigation ul.level1 .first {
    padding: 0;
  }
  #topNavigation ul.level1 .first a {
    background-image: none;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
    padding: 14px 10px 13px 10px;
  }
  #topNavigation ul.level1 li {
    background-color: #545454;
    border-bottom: 1px solid #000000;
    float: none;
    width: 100%;
    /*----------------*          UL.level1 > LI a
        \*----------------*/
    /*-------------------------------------*                UL.level1 > LI.hasChildren
        \*-------------------------------------*/
  }
  #topNavigation ul.level1 li a {
    line-height: 24px;
    padding: 14px 10px 13px 10px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #topNavigation ul.level1 li.hasChildren {
    /*----------------*            UL.level2
          \*----------------*/
    /*----------------*            UL.level3
          \*----------------*/
    /*----------------*            Hover level1 LI
          \*----------------*/
  }
  #topNavigation ul.level1 li.hasChildren > a {
    display: table-cell;
    width: 100%;
  }
  #topNavigation ul.level1 li.hasChildren .arrow {
    clear: none;
    color: #FFFFFF;
    cursor: pointer;
    display: table-cell;
    font-size: 16px;
    font-size: 1rem;
    padding: 14px 34px 13px 34px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #topNavigation ul.level1 li.hasChildren .arrow span:before {
    content: "";
  }
  #topNavigation ul.level1 li.hasChildren .arrow.close-btn span:before {
    content: "";
  }
  #topNavigation ul.level1 li.hasChildren ul.level2 {
    position: relative;
    width: 100% !important;
    clear: both;
  }
  #topNavigation ul.level1 li.hasChildren ul.level2 li a {
    padding: 14px 10px 13px 25px;
    white-space: pre-line;
  }
  #topNavigation ul.level1 li.hasChildren ul.level2 li a:before {
    content: "";
    padding: 0 6px 0 0;
  }
  #topNavigation ul.level1 li.hasChildren ul.level3 {
    display: none;
    position: relative;
    left: 0 !important;
    clear: both;
  }
  #topNavigation ul.level1 li.hasChildren ul.level3 li a {
    border-bottom: 1px solid #000000;
    padding: 14px 10px 13px 40px;
  }
  #topNavigation ul.level1 li.hasChildren.hover, #topNavigation ul.level1 li.hasChildren:hover {
    background-color: #3A3A3A;
  }
  #topNavigation ul.level1 li.hasChildren.hover ul.level2, #topNavigation ul.level1 li.hasChildren:hover ul.level2 {
    display: none;
  }
  #topNavigation ul.level1 li.first {
    border-bottom: 1px solid #000000;
  }
  #topNavigation ul.level1 li.last {
    border: none;
  }
  #topNavigation ul.level1 li.toolbar-item-search {
    display: none;
    border: none;
    background: transparent;
  }
  #topNavigation #search {
    font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
    padding: 25px 0;
    border-top: 1px solid #000000;
    text-align: center;
    margin-bottom: 60px;
  }
  #topNavigation #search .button {
    background: transparent;
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    padding: 0 0 0 3px;
  }
  #topNavigation #search .button:before {
    content: "";
  }
  #topNavigation #search .button span {
    display: none;
  }
  #topNavigation #search .button:hover {
    color: #666666;
  }
  #topNavigation #search input {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    max-width: 75%;
    padding: 7px 5px 6px 5px;
  }
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 25rem) {
  #topNavigation #search {
    margin-bottom: 0;
  }
}

/*---------------------------*  MAJ LM 05/12/2016 - 19:00
\*---------------------------*/
/*------------------------------------*	#LAYOUT #HEADER
\*------------------------------------*/
#pageTopContainer {
  background: #FFFFFF;
  margin: 0;
  /*------------------------------------*    Media queries from 800px
	\*------------------------------------*/
}

@media (max-width: 50rem) {
  #pageTopContainer {
    border-top: 1px solid #000000;
  }
}

#breadcrumb {
  float: none;
  max-width: 1470px;
  margin: 0 auto;
  overflow: hidden;
  padding: 5px 0.75% 6px 0.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#breadcrumb ol li {
  background: none;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000000;
  padding: 0;
}

#breadcrumb ol li:after {
  content: "";
}

#breadcrumb ol li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #000000;
  padding: 5px 8px 5px 5px;
}

#breadcrumb ol li.last span {
  color: #000000;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}

#breadcrumb ol li.last:after {
  content: none;
}

/*---------------------------*  MAJ LM 08/06/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Theme
 *
 */
/*---------------------------*  MAJ LM 21/08/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
 */
/*---------------------------*  MAJ LM 25/05/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
 */
/*------------------------------------*    #NOM DES CLASS (CSS)
\*------------------------------------*/
/*------------------------------------*    .LEGO
\*------------------------------------*/
/*------------------------------------*    .ISIS
\*------------------------------------*/
/*------------------------------------*    .HERMES
\*------------------------------------*/
/*------------------------------------*    .POSEIDON
\*------------------------------------*/
/*------------------------------------*    .CHAC
\*------------------------------------*/
/*------------------------------------*    .INTI
\*------------------------------------*/
/*------------------------------------*    .BES
\*------------------------------------*/
/*------------------------------------*    .HORUS
\*------------------------------------*/
/*------------------------------------*    .CORE
\*------------------------------------*/
/*------------------------------------*    .EDJO
\*------------------------------------*/
/*------------------------------------*    .EOLE
\*------------------------------------*/
/* --------------------------------------------- END VARIABLES BLOCK 1 -------------------------------------------- */
/*---------------------------*  MAJ LM 06/07/2017 - 18:45
\*---------------------------*/
/**
 * @name ARTEMIS
 * Design block statique.
 *
*/
.artemis,
.artemis--left {
  background: #FFFFFF;
}

.artemis div.layoutBlockContainer div.layoutBlock, .artemis div.js-li-wrapper--container div.layoutBlock,
.artemis--left div.layoutBlockContainer div.layoutBlock,
.artemis--left div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 0 8%;
}

.artemis div.layoutBlockContainer div.layoutBlock > h2, .artemis div.js-li-wrapper--container div.layoutBlock > h2,
.artemis--left div.layoutBlockContainer div.layoutBlock > h2,
.artemis--left div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 4%;
}

.artemis div.layoutBlockContainer div.layoutBlock h3, .artemis div.js-li-wrapper--container div.layoutBlock h3, .artemis div.layoutBlockContainer div.layoutBlock a, .artemis div.js-li-wrapper--container div.layoutBlock a,
.artemis--left div.layoutBlockContainer div.layoutBlock h3,
.artemis--left div.js-li-wrapper--container div.layoutBlock h3,
.artemis--left div.layoutBlockContainer div.layoutBlock a,
.artemis--left div.js-li-wrapper--container div.layoutBlock a {
  color: #404040;
}

.artemis div.layoutBlockContainer div.layoutBlock .btn, .artemis div.js-li-wrapper--container div.layoutBlock .btn,
.artemis--left div.layoutBlockContainer div.layoutBlock .btn,
.artemis--left div.js-li-wrapper--container div.layoutBlock .btn {
  margin: 5% 0 0;
  text-align: center;
}

.artemis div.layoutBlockContainer div.layoutBlock .btn a, .artemis div.js-li-wrapper--container div.layoutBlock .btn a,
.artemis--left div.layoutBlockContainer div.layoutBlock .btn a,
.artemis--left div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.artemis div.layoutBlockContainer div.layoutBlock .btn a:hover, .artemis div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.artemis--left div.layoutBlockContainer div.layoutBlock .btn a:hover,
.artemis--left div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  border-color: #1e2977;
  color: #1e2977;
}

.artemis div.layoutBlockContainer div.layoutBlock .btn a + a, .artemis div.js-li-wrapper--container div.layoutBlock .btn a + a,
.artemis--left div.layoutBlockContainer div.layoutBlock .btn a + a,
.artemis--left div.js-li-wrapper--container div.layoutBlock .btn a + a {
  margin-left: 15px;
}

@media (max-width: 37.5rem) {
  .artemis div.layoutBlockContainer div.layoutBlock .btn a, .artemis div.js-li-wrapper--container div.layoutBlock .btn a,
  .artemis--left div.layoutBlockContainer div.layoutBlock .btn a,
  .artemis--left div.js-li-wrapper--container div.layoutBlock .btn a {
    display: block;
  }
  .artemis div.layoutBlockContainer div.layoutBlock .btn a + a, .artemis div.js-li-wrapper--container div.layoutBlock .btn a + a,
  .artemis--left div.layoutBlockContainer div.layoutBlock .btn a + a,
  .artemis--left div.js-li-wrapper--container div.layoutBlock .btn a + a {
    margin-left: 0;
  }
}

.artemis.color-secondary,
.artemis--left.color-secondary {
  background: #FFFFFF;
}

.artemis.color-secondary div.layoutBlockContainer div.layoutBlock, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.artemis.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.artemis.color-secondary div.layoutBlockContainer div.layoutBlock h3, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock h3, .artemis.color-secondary div.layoutBlockContainer div.layoutBlock a, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock a,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock h3,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock h3,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock a,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock a {
  color: #FFFFFF;
}

.artemis.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.artemis.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .artemis.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.artemis--left.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.artemis--left.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.artemis.color-thirdary,
.artemis--left.color-thirdary {
  background: #FFFFFF;
}

.artemis.color-thirdary div.layoutBlockContainer div.layoutBlock, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.artemis.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.artemis.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock h3, .artemis.color-thirdary div.layoutBlockContainer div.layoutBlock a, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock a,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock h3,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock h3,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock a,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock a {
  color: #404040;
}

.artemis.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #404040;
  border: 1px solid #FFFFFF;
}

.artemis.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .artemis.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.artemis--left.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.artemis--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  border-color: #e1e3e4;
  color: #e1e3e4;
}

.artemis.color-fourth,
.artemis--left.color-fourth {
  background: #FFFFFF;
}

.artemis.color-fourth div.layoutBlockContainer div.layoutBlock, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.artemis.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.artemis.color-fourth div.layoutBlockContainer div.layoutBlock h3, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock h3, .artemis.color-fourth div.layoutBlockContainer div.layoutBlock a, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock a,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock h3,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock h3,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock a,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock a {
  color: #FFFFFF;
}

.artemis.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.artemis.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .artemis.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.artemis--left.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover,
.artemis--left.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.artemis div.layoutBlockContainer div.layoutBlock, .artemis div.js-li-wrapper--container div.layoutBlock {
  text-align: center;
}

/*---------------------------*  MAJ LM 09/09/2016 - 18:45
\*---------------------------*/
/**
 * @name Bes
 * Design block statique.
 *
*/
.bes {
  background: #FFFFFF;
}

.bes div.layoutBlockContainer div.layoutBlock, .bes div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 7% 2.5%;
}

.bes div.layoutBlockContainer div.layoutBlock > h2, .bes div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 4%;
  text-transform: uppercase;
}

.bes div.layoutBlockContainer div.layoutBlock h3, .bes div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
  font-weight: 400;
}

.bes div.layoutBlockContainer div.layoutBlock .btn, .bes div.js-li-wrapper--container div.layoutBlock .btn {
  margin: 5% 0 0;
  text-align: center;
  text-transform: uppercase;
}

.bes div.layoutBlockContainer div.layoutBlock .btn a, .bes div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.bes div.layoutBlockContainer div.layoutBlock .btn a:hover, .bes div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
}

.bes div.layoutBlockContainer div.layoutBlock .btn a + a, .bes div.js-li-wrapper--container div.layoutBlock .btn a + a {
  margin-left: 15px;
}

@media (max-width: 37.5rem) {
  .bes div.layoutBlockContainer div.layoutBlock .btn a, .bes div.js-li-wrapper--container div.layoutBlock .btn a {
    display: block;
  }
  .bes div.layoutBlockContainer div.layoutBlock .btn a + a, .bes div.js-li-wrapper--container div.layoutBlock .btn a + a {
    margin-left: 0;
  }
}

.bes.color-secondary {
  background: #FFFFFF;
}

.bes.color-secondary div.layoutBlockContainer div.layoutBlock, .bes.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.bes.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .bes.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.bes.color-secondary div.layoutBlockContainer div.layoutBlock h3, .bes.color-secondary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.bes.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .bes.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #00a683;
}

.bes.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .bes.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
}

.bes.color-thirdary {
  background: #FFFFFF;
}

.bes.color-thirdary div.layoutBlockContainer div.layoutBlock, .bes.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.bes.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .bes.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.bes.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .bes.color-thirdary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.bes.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .bes.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #e1e3e4;
  color: #404040;
}

.bes.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .bes.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
}

.bes.color-fourth {
  background: #FFFFFF;
}

.bes.color-fourth div.layoutBlockContainer div.layoutBlock, .bes.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.bes.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .bes.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.bes.color-fourth div.layoutBlockContainer div.layoutBlock h3, .bes.color-fourth div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.bes.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .bes.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #1e2977;
}

.bes.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .bes.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
}

/*---------------------------*  MAJ LM 09/09/2016 - 18:45
\*---------------------------*/
/**
 * @name LEGO
 * Design block statique.
 *
*/
.lego1 div.layoutBlockContainer, .lego1 div.js-li-wrapper--container {
  height: 1px;
}

.lego5 div.layoutBlockContainer, .lego5 div.js-li-wrapper--container {
  height: 5px;
}

.lego10 div.layoutBlockContainer, .lego10 div.js-li-wrapper--container {
  height: 10px;
}

.lego30 div.layoutBlockContainer, .lego30 div.js-li-wrapper--container {
  height: 30px;
}

.lego50 div.layoutBlockContainer, .lego50 div.js-li-wrapper--container {
  height: 50px;
}

.lego1 div.layoutBlockContainer, .lego1 div.js-li-wrapper--container,
.lego5 div.layoutBlockContainer,
.lego5 div.js-li-wrapper--container,
.lego10 div.layoutBlockContainer,
.lego10 div.js-li-wrapper--container,
.lego30 div.layoutBlockContainer,
.lego30 div.js-li-wrapper--container,
.lego50 div.layoutBlockContainer,
.lego50 div.js-li-wrapper--container {
  max-width: 1470px;
  margin: 0 auto;
  background: #FFFFFF;
}

.lego1.color-secondary div.layoutBlockContainer, .lego1.color-secondary div.js-li-wrapper--container,
.lego5.color-secondary div.layoutBlockContainer,
.lego5.color-secondary div.js-li-wrapper--container,
.lego10.color-secondary div.layoutBlockContainer,
.lego10.color-secondary div.js-li-wrapper--container,
.lego30.color-secondary div.layoutBlockContainer,
.lego30.color-secondary div.js-li-wrapper--container,
.lego50.color-secondary div.layoutBlockContainer,
.lego50.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.lego1.color-thirdary div.layoutBlockContainer, .lego1.color-thirdary div.js-li-wrapper--container,
.lego5.color-thirdary div.layoutBlockContainer,
.lego5.color-thirdary div.js-li-wrapper--container,
.lego10.color-thirdary div.layoutBlockContainer,
.lego10.color-thirdary div.js-li-wrapper--container,
.lego30.color-thirdary div.layoutBlockContainer,
.lego30.color-thirdary div.js-li-wrapper--container,
.lego50.color-thirdary div.layoutBlockContainer,
.lego50.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.lego1.color-fourth div.layoutBlockContainer, .lego1.color-fourth div.js-li-wrapper--container,
.lego5.color-fourth div.layoutBlockContainer,
.lego5.color-fourth div.js-li-wrapper--container,
.lego10.color-fourth div.layoutBlockContainer,
.lego10.color-fourth div.js-li-wrapper--container,
.lego30.color-fourth div.layoutBlockContainer,
.lego30.color-fourth div.js-li-wrapper--container,
.lego50.color-fourth div.layoutBlockContainer,
.lego50.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

/*---------------------------*  MAJ LM 09/09/2016 - 18:45
\*---------------------------*/
/**
 * @name CHAC
 * Design block statique.
 *
*/
.chac {
  background: #FFFFFF;
}

.chac div.layoutBlockContainer div.layoutBlock, .chac div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 7% 8%;
  text-align: center;
}

.chac div.layoutBlockContainer div.layoutBlock > h2, .chac div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 4%;
  text-transform: uppercase;
}

.chac div.layoutBlockContainer div.layoutBlock h3, .chac div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
  font-weight: 400;
}

.chac div.layoutBlockContainer div.layoutBlock .btn, .chac div.js-li-wrapper--container div.layoutBlock .btn {
  margin: 5% 0 0;
  text-align: center;
  text-transform: uppercase;
}

.chac div.layoutBlockContainer div.layoutBlock .btn a, .chac div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.chac div.layoutBlockContainer div.layoutBlock .btn a:hover, .chac div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
}

.chac.color-secondary {
  background: #FFFFFF;
}

.chac.color-secondary div.layoutBlockContainer div.layoutBlock, .chac.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.chac.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .chac.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.chac.color-secondary div.layoutBlockContainer div.layoutBlock h3, .chac.color-secondary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.chac.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .chac.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #00a683;
}

.chac.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .chac.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
}

.chac.color-thirdary {
  background: #FFFFFF;
}

.chac.color-thirdary div.layoutBlockContainer div.layoutBlock, .chac.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.chac.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .chac.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.chac.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .chac.color-thirdary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.chac.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .chac.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #e1e3e4;
  color: #404040;
}

.chac.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .chac.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
}

.chac.color-fourth {
  background: #FFFFFF;
}

.chac.color-fourth div.layoutBlockContainer div.layoutBlock, .chac.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.chac.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .chac.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.chac.color-fourth div.layoutBlockContainer div.layoutBlock h3, .chac.color-fourth div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.chac.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .chac.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #1e2977;
}

.chac.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .chac.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
}

@media (max-width: 37.5rem) {
  .chac div.layoutBlockContainer div.layoutBlock .btn a, .chac div.js-li-wrapper--container div.layoutBlock .btn a {
    display: block;
  }
}

/*---------------------------*  MAJ LM 19/09/2016 - 18:45
\*---------------------------*/
/**
 * @name EOLE
 * Design block statique.
 *
*/
.eole--center,
.eole--left,
.eole--right {
  background: #FFFFFF;
}

.eole--center div.layoutBlockContainer, .eole--center div.js-li-wrapper--container,
.eole--left div.layoutBlockContainer,
.eole--left div.js-li-wrapper--container,
.eole--right div.layoutBlockContainer,
.eole--right div.js-li-wrapper--container {
  padding-left: 2.72109%;
  padding-right: 2.72109%;
}

.eole--center div.layoutBlockContainer div.layoutBlock, .eole--center div.js-li-wrapper--container div.layoutBlock,
.eole--left div.layoutBlockContainer div.layoutBlock,
.eole--left div.js-li-wrapper--container div.layoutBlock,
.eole--right div.layoutBlockContainer div.layoutBlock,
.eole--right div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
}

.eole--center div.layoutBlockContainer div.layoutBlock > h2, .eole--center div.js-li-wrapper--container div.layoutBlock > h2,
.eole--left div.layoutBlockContainer div.layoutBlock > h2,
.eole--left div.js-li-wrapper--container div.layoutBlock > h2,
.eole--right div.layoutBlockContainer div.layoutBlock > h2,
.eole--right div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  padding: 3% 0 3% 0;
  margin: 0;
}

@media (max-width: 64rem) {
  .eole--center div.layoutBlockContainer div.layoutBlock > h2, .eole--center div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--left div.layoutBlockContainer div.layoutBlock > h2,
  .eole--left div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--right div.layoutBlockContainer div.layoutBlock > h2,
  .eole--right div.js-li-wrapper--container div.layoutBlock > h2 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media (max-width: 37.5rem) {
  .eole--center div.layoutBlockContainer div.layoutBlock > h2, .eole--center div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--left div.layoutBlockContainer div.layoutBlock > h2,
  .eole--left div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--right div.layoutBlockContainer div.layoutBlock > h2,
  .eole--right div.js-li-wrapper--container div.layoutBlock > h2 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}

@media (max-width: 25rem) {
  .eole--center div.layoutBlockContainer div.layoutBlock > h2, .eole--center div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--left div.layoutBlockContainer div.layoutBlock > h2,
  .eole--left div.js-li-wrapper--container div.layoutBlock > h2,
  .eole--right div.layoutBlockContainer div.layoutBlock > h2,
  .eole--right div.js-li-wrapper--container div.layoutBlock > h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.eole--center.color-secondary,
.eole--left.color-secondary,
.eole--right.color-secondary {
  background: #FFFFFF;
}

.eole--center.color-secondary div.layoutBlockContainer div.layoutBlock, .eole--center.color-secondary div.js-li-wrapper--container div.layoutBlock,
.eole--left.color-secondary div.layoutBlockContainer div.layoutBlock,
.eole--left.color-secondary div.js-li-wrapper--container div.layoutBlock,
.eole--right.color-secondary div.layoutBlockContainer div.layoutBlock,
.eole--right.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
}

.eole--center.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .eole--center.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.eole--left.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.eole--left.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.eole--right.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.eole--right.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.eole--center.color-thirdary,
.eole--left.color-thirdary,
.eole--right.color-thirdary {
  background: #FFFFFF;
}

.eole--center.color-thirdary div.layoutBlockContainer div.layoutBlock, .eole--center.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.eole--left.color-thirdary div.layoutBlockContainer div.layoutBlock,
.eole--left.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.eole--right.color-thirdary div.layoutBlockContainer div.layoutBlock,
.eole--right.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
}

.eole--center.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .eole--center.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.eole--left.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.eole--left.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.eole--right.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.eole--right.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.eole--center.color-fourth,
.eole--left.color-fourth,
.eole--right.color-fourth {
  background: #FFFFFF;
}

.eole--center.color-fourth div.layoutBlockContainer div.layoutBlock, .eole--center.color-fourth div.js-li-wrapper--container div.layoutBlock,
.eole--left.color-fourth div.layoutBlockContainer div.layoutBlock,
.eole--left.color-fourth div.js-li-wrapper--container div.layoutBlock,
.eole--right.color-fourth div.layoutBlockContainer div.layoutBlock,
.eole--right.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
}

.eole--center.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .eole--center.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.eole--left.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.eole--left.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.eole--right.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.eole--right.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.eole--center {
  text-align: center;
}

.eole--right {
  text-align: right;
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name INTI
 * Design block statique.
 *
*/
.inti,
.inti--left {
  background: #FFFFFF;
}

.inti div.layoutBlockContainer div.layoutBlock, .inti div.js-li-wrapper--container div.layoutBlock,
.inti--left div.layoutBlockContainer div.layoutBlock,
.inti--left div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 7% 8%;
}

.inti div.layoutBlockContainer div.layoutBlock > h2, .inti div.js-li-wrapper--container div.layoutBlock > h2,
.inti--left div.layoutBlockContainer div.layoutBlock > h2,
.inti--left div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 4%;
}

.inti div.layoutBlockContainer div.layoutBlock h3, .inti div.js-li-wrapper--container div.layoutBlock h3, .inti div.layoutBlockContainer div.layoutBlock a, .inti div.js-li-wrapper--container div.layoutBlock a,
.inti--left div.layoutBlockContainer div.layoutBlock h3,
.inti--left div.js-li-wrapper--container div.layoutBlock h3,
.inti--left div.layoutBlockContainer div.layoutBlock a,
.inti--left div.js-li-wrapper--container div.layoutBlock a {
  color: #404040;
}

.inti div.layoutBlockContainer div.layoutBlock .btn, .inti div.js-li-wrapper--container div.layoutBlock .btn,
.inti--left div.layoutBlockContainer div.layoutBlock .btn,
.inti--left div.js-li-wrapper--container div.layoutBlock .btn {
  margin: 5% 0 0;
  text-align: center;
}

.inti div.layoutBlockContainer div.layoutBlock .btn a, .inti div.js-li-wrapper--container div.layoutBlock .btn a,
.inti--left div.layoutBlockContainer div.layoutBlock .btn a,
.inti--left div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.inti div.layoutBlockContainer div.layoutBlock .btn a:hover, .inti div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.inti--left div.layoutBlockContainer div.layoutBlock .btn a:hover,
.inti--left div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #1e2977;
  background-color: #FFFFFF;
  color: #1e2977;
}

.inti div.layoutBlockContainer div.layoutBlock .btn a + a, .inti div.js-li-wrapper--container div.layoutBlock .btn a + a,
.inti--left div.layoutBlockContainer div.layoutBlock .btn a + a,
.inti--left div.js-li-wrapper--container div.layoutBlock .btn a + a {
  margin-left: 15px;
}

@media (max-width: 37.5rem) {
  .inti div.layoutBlockContainer div.layoutBlock .btn a, .inti div.js-li-wrapper--container div.layoutBlock .btn a,
  .inti--left div.layoutBlockContainer div.layoutBlock .btn a,
  .inti--left div.js-li-wrapper--container div.layoutBlock .btn a {
    display: block;
  }
  .inti div.layoutBlockContainer div.layoutBlock .btn a + a, .inti div.js-li-wrapper--container div.layoutBlock .btn a + a,
  .inti--left div.layoutBlockContainer div.layoutBlock .btn a + a,
  .inti--left div.js-li-wrapper--container div.layoutBlock .btn a + a {
    margin-left: 0;
  }
}

.inti.color-secondary,
.inti--left.color-secondary {
  background: #FFFFFF;
}

.inti.color-secondary div.layoutBlockContainer div.layoutBlock, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.inti.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.inti.color-secondary div.layoutBlockContainer div.layoutBlock h3, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock h3, .inti.color-secondary div.layoutBlockContainer div.layoutBlock a, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock a,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock h3,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock h3,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock a,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock a {
  color: #FFFFFF;
}

.inti.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.inti.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .inti.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.inti--left.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.inti--left.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #FFFFFF;
  background-color: #00a683;
  color: #FFFFFF;
}

.inti.color-thirdary,
.inti--left.color-thirdary {
  background: #FFFFFF;
}

.inti.color-thirdary div.layoutBlockContainer div.layoutBlock, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.inti.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.inti.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock h3, .inti.color-thirdary div.layoutBlockContainer div.layoutBlock a, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock a,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock h3,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock h3,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock a,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock a {
  color: #404040;
}

.inti.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #e1e3e4;
}

.inti.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .inti.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.inti--left.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.inti--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #e1e3e4;
  background-color: #404040;
  color: #e1e3e4;
}

.inti.color-fourth,
.inti--left.color-fourth {
  background: #FFFFFF;
}

.inti.color-fourth div.layoutBlockContainer div.layoutBlock, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.inti.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.inti.color-fourth div.layoutBlockContainer div.layoutBlock h3, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock h3, .inti.color-fourth div.layoutBlockContainer div.layoutBlock a, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock a,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock h3,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock h3,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock a,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock a {
  color: #FFFFFF;
}

.inti.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.inti.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .inti.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.inti--left.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover,
.inti--left.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #FFFFFF;
  background-color: #1e2977;
  color: #FFFFFF;
}

.inti div.layoutBlockContainer div.layoutBlock, .inti div.js-li-wrapper--container div.layoutBlock {
  text-align: center;
}

/*---------------------------*  MAJ LM 09/09/2016 - 18:45
\*---------------------------*/
/**
 * @name ISIS
 * Design block statique.
 *
*/
.isis {
  background: #FFFFFF;
}

.isis div.layoutBlockContainer div.layoutBlock, .isis div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 7% 20%;
}

.isis div.layoutBlockContainer div.layoutBlock > h2, .isis div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  text-transform: uppercase;
}

.isis.color-secondary {
  background: #FFFFFF;
}

.isis.color-secondary div.layoutBlockContainer div.layoutBlock, .isis.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.isis.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .isis.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.isis.color-thirdary {
  background: #FFFFFF;
}

.isis.color-thirdary div.layoutBlockContainer div.layoutBlock, .isis.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.isis.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .isis.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.isis.color-fourth {
  background: #FFFFFF;
}

.isis.color-fourth div.layoutBlockContainer div.layoutBlock, .isis.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.isis.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .isis.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

@media (max-width: 37.5rem) {
  .isis div.layoutBlockContainer div.layoutBlock, .isis div.js-li-wrapper--container div.layoutBlock {
    padding: 5% 13%;
  }
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name HERMES
 * Design block statique.
 *
*/
.hermes--right,
.hermes--left {
  background: #FFFFFF;
}

.hermes--right div.layoutBlockContainer div.layoutBlock, .hermes--right div.js-li-wrapper--container div.layoutBlock,
.hermes--left div.layoutBlockContainer div.layoutBlock,
.hermes--left div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  position: relative;
}

.hermes--right div.layoutBlockContainer div.layoutBlock > a, .hermes--right div.js-li-wrapper--container div.layoutBlock > a,
.hermes--left div.layoutBlockContainer div.layoutBlock > a,
.hermes--left div.js-li-wrapper--container div.layoutBlock > a {
  display: block;
  text-align: center;
}

.hermes--right div.layoutBlockContainer div.layoutBlock > h2, .hermes--right div.js-li-wrapper--container div.layoutBlock > h2,
.hermes--left div.layoutBlockContainer div.layoutBlock > h2,
.hermes--left div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
.hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent,
.hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  color: #FFFFFF;
  font-weight: 400;
  position: absolute;
  bottom: 50px;
  right: 65px;
}

.hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent > div:first-child, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent > div:first-child,
.hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent > div:first-child,
.hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent > div:first-child {
  background: rgba(0, 0, 0, 0.67);
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 13px;
}

.hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
.hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
.hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0 0 8px;
}

.hermes--right div.layoutBlockContainer div.layoutBlock img, .hermes--right div.js-li-wrapper--container div.layoutBlock img,
.hermes--left div.layoutBlockContainer div.layoutBlock img,
.hermes--left div.js-li-wrapper--container div.layoutBlock img {
  min-width: 100%;
}

.hermes--right .btn,
.hermes--left .btn {
  margin: 8px 0 0;
}

.hermes--right .btn a,
.hermes--left .btn a {
  color: #1e2977;
  border: 1px solid #FFFFFF;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.hermes--right .btn a:hover,
.hermes--left .btn a:hover {
  text-decoration: underline;
}

.hermes--right.color-secondary,
.hermes--left.color-secondary {
  background: #FFFFFF;
}

.hermes--right.color-secondary div.layoutBlockContainer div.layoutBlock, .hermes--right.color-secondary div.js-li-wrapper--container div.layoutBlock,
.hermes--left.color-secondary div.layoutBlockContainer div.layoutBlock,
.hermes--left.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.hermes--right.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .hermes--right.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.hermes--left.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.hermes--left.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.hermes--right.color-secondary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right.color-secondary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
.hermes--left.color-secondary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
.hermes--left.color-secondary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
  color: #404040;
}

.hermes--right.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .hermes--right.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.hermes--left.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.hermes--left.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.hermes--right.color-thirdary,
.hermes--left.color-thirdary {
  background: #FFFFFF;
}

.hermes--right.color-thirdary div.layoutBlockContainer div.layoutBlock, .hermes--right.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.hermes--left.color-thirdary div.layoutBlockContainer div.layoutBlock,
.hermes--left.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.hermes--right.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .hermes--right.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.hermes--left.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.hermes--left.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.hermes--right.color-thirdary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right.color-thirdary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
.hermes--left.color-thirdary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
.hermes--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
  color: #404040;
}

.hermes--right.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .hermes--right.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.hermes--left.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.hermes--left.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #404040;
  border: 1px solid #e1e3e4;
}

.hermes--right.color-fourth,
.hermes--left.color-fourth {
  background: #FFFFFF;
}

.hermes--right.color-fourth div.layoutBlockContainer div.layoutBlock, .hermes--right.color-fourth div.js-li-wrapper--container div.layoutBlock,
.hermes--left.color-fourth div.layoutBlockContainer div.layoutBlock,
.hermes--left.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.hermes--right.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .hermes--right.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.hermes--left.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.hermes--left.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.hermes--right.color-fourth div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right.color-fourth div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
.hermes--left.color-fourth div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
.hermes--left.color-fourth div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
  color: #404040;
}

.hermes--right.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .hermes--right.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.hermes--left.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.hermes--left.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent, .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  left: 65px;
}

@media (max-width: 64rem) {
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media (max-width: 50rem) {
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
    background: #000000;
    position: relative;
    bottom: inherit;
    right: inherit;
    left: inherit;
    text-align: center;
  }
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent > div:first-child, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent > div:first-child,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent > div:first-child,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent > div:first-child {
    background: transparent;
    text-align: left;
  }
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent h2,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
    color: #FFFFFF;
    font-weight: 400;
    margin: 0;
  }
  .hermes--right div.layoutBlockContainer div.layoutBlock .unmanagedContent .btn, .hermes--right div.js-li-wrapper--container div.layoutBlock .unmanagedContent .btn,
  .hermes--left div.layoutBlockContainer div.layoutBlock .unmanagedContent .btn,
  .hermes--left div.js-li-wrapper--container div.layoutBlock .unmanagedContent .btn {
    text-align: center;
    margin: 10px 0 0;
  }
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name HORUS
 * Design block statique.
 *
*/
.horus {
  background: #FFFFFF;
}

.horus div.layoutBlockContainer div.layoutBlock, .horus div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 7% 8%;
}

.horus div.layoutBlockContainer div.layoutBlock > h2, .horus div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.horus div.layoutBlockContainer div.layoutBlock .unmanagedContent img, .horus div.js-li-wrapper--container div.layoutBlock .unmanagedContent img {
  margin: 15px 0;
}

.horus.color-secondary {
  background: #FFFFFF;
}

.horus.color-secondary div.layoutBlockContainer div.layoutBlock, .horus.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.horus.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .horus.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.horus.color-thirdary {
  background: #FFFFFF;
}

.horus.color-thirdary div.layoutBlockContainer div.layoutBlock, .horus.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.horus.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .horus.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.horus.color-fourth {
  background: #FFFFFF;
}

.horus.color-fourth div.layoutBlockContainer div.layoutBlock, .horus.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.horus.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .horus.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name POSEIDON
 * Design block statique.
 *
*/
.poseidon {
  background: #FFFFFF;
}

.poseidon div.layoutBlockContainer div.layoutBlock, .poseidon div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  margin-bottom: 3%;
  position: relative;
}

.poseidon div.layoutBlockContainer div.layoutBlock > h2, .poseidon div.js-li-wrapper--container div.layoutBlock > h2 {
  background: rgba(0, 0, 0, 0.67);
  color: #404040;
}

.poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  padding: 3% 0 0;
  position: relative;
}

.poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
  margin: 0;
  position: absolute;
  top: -59px;
  left: 0;
}

.poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a {
  background: rgba(0, 0, 0, 0.67);
  color: #404040;
  display: block;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 400;
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}

.poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a:hover, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a:hover {
  text-decoration: underline;
}

.poseidon.color-secondary {
  background: #FFFFFF;
}

.poseidon.color-secondary div.layoutBlockContainer div.layoutBlock, .poseidon.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.poseidon.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .poseidon.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.poseidon.color-secondary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a, .poseidon.color-secondary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a {
  color: #FFFFFF;
}

.poseidon.color-thirdary {
  background: #FFFFFF;
}

.poseidon.color-thirdary div.layoutBlockContainer div.layoutBlock, .poseidon.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.poseidon.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .poseidon.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.poseidon.color-thirdary div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a, .poseidon.color-thirdary div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a {
  color: #404040;
}

.poseidon.color-fourth {
  background: #FFFFFF;
}

.poseidon.color-fourth div.layoutBlockContainer div.layoutBlock, .poseidon.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.poseidon.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .poseidon.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.poseidon.color-fourth div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a, .poseidon.color-fourth div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a {
  color: #FFFFFF;
}

@media (max-width: 64rem) {
  .poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
    padding: 3% 3% 0;
  }
  .poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent h2, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 {
    top: -53px;
  }
  .poseidon div.layoutBlockContainer div.layoutBlock .unmanagedContent h2 a, .poseidon div.js-li-wrapper--container div.layoutBlock .unmanagedContent h2 a {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

/*---------------------------*  MAJ LM 19/04/2016 - 18:45
\*---------------------------*/
/**
 * @name SOBEK
 * Design block statique.
 *
*/
.sobek .layoutBlockContainer .layoutBlock-1 > a, .sobek .js-li-wrapper--container .layoutBlock-1 > a {
  display: block;
  text-align: center;
}

.sobek--full .layoutBlockContainer, .sobek--full .js-li-wrapper--container {
  max-width: 100%;
}

.sobek--full .layoutBlockContainer .layoutBlock-1 > a, .sobek--full .js-li-wrapper--container .layoutBlock-1 > a {
  display: block;
  text-align: center;
}

/*---------------------------*  MAJ LM 30/03/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
 */
/*------------------------------------*    #NOM DES CLASS (CSS)
\*------------------------------------*/
/*------------------------------------*    .AMON (Left & Right)
\*------------------------------------*/
/*------------------------------------*    .ANUBIS (First & Second)
\*------------------------------------*/
/*------------------------------------*    .BASTET (First & Second)
\*------------------------------------*/
/*------------------------------------*    .ZEUS
\*------------------------------------*/
/*------------------------------------*    .ODIN
\*------------------------------------*/
/*------------------------------------*    .TRITON (First & Second)
\*------------------------------------*/
/* --------------------------------------------- END VARIABLES BLOCK 1 -------------------------------------------- */
/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name AMON
 * Design block statique.
 *
*/
.amon--first,
.amon--second {
  background: #FFFFFF;
}

.amon--first div.layoutBlockContainer div.layoutBlock, .amon--first div.js-li-wrapper--container div.layoutBlock,
.amon--second div.layoutBlockContainer div.layoutBlock,
.amon--second div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
}

.amon--first div.layoutBlockContainer div.layoutBlock > a, .amon--first div.js-li-wrapper--container div.layoutBlock > a,
.amon--second div.layoutBlockContainer div.layoutBlock > a,
.amon--second div.js-li-wrapper--container div.layoutBlock > a {
  text-align: center;
  display: block;
}

.amon--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .amon--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.amon--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.amon--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  padding: 0px 20px 45px;
}

.amon--first div.layoutBlockContainer div.layoutBlock > h2, .amon--first div.js-li-wrapper--container div.layoutBlock > h2,
.amon--second div.layoutBlockContainer div.layoutBlock > h2,
.amon--second div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  box-sizing: border-box;
  padding: 20px 20px 0;
  text-transform: uppercase;
}

.amon--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .amon--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.amon--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.amon--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  box-sizing: border-box;
}

.amon--first.color-secondary,
.amon--second.color-secondary {
  background: #FFFFFF;
}

.amon--first.color-secondary div.layoutBlockContainer, .amon--first.color-secondary div.js-li-wrapper--container,
.amon--second.color-secondary div.layoutBlockContainer,
.amon--second.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.amon--first.color-secondary div.layoutBlockContainer div.layoutBlock, .amon--first.color-secondary div.js-li-wrapper--container div.layoutBlock,
.amon--second.color-secondary div.layoutBlockContainer div.layoutBlock,
.amon--second.color-secondary div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
}

.amon--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .amon--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.amon--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.amon--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.amon--first.color-thirdary,
.amon--second.color-thirdary {
  background: #FFFFFF;
}

.amon--first.color-thirdary div.layoutBlockContainer, .amon--first.color-thirdary div.js-li-wrapper--container,
.amon--second.color-thirdary div.layoutBlockContainer,
.amon--second.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.amon--first.color-thirdary div.layoutBlockContainer div.layoutBlock, .amon--first.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.amon--second.color-thirdary div.layoutBlockContainer div.layoutBlock,
.amon--second.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  color: #404040;
}

.amon--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .amon--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.amon--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.amon--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.amon--first.color-fourth,
.amon--second.color-fourth {
  background: #FFFFFF;
}

.amon--first.color-fourth div.layoutBlockContainer, .amon--first.color-fourth div.js-li-wrapper--container,
.amon--second.color-fourth div.layoutBlockContainer,
.amon--second.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

.amon--first.color-fourth div.layoutBlockContainer div.layoutBlock, .amon--first.color-fourth div.js-li-wrapper--container div.layoutBlock,
.amon--second.color-fourth div.layoutBlockContainer div.layoutBlock,
.amon--second.color-fourth div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
}

.amon--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .amon--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.amon--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.amon--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

@media screen and (min-width: 801px) {
  .amon--first div.layoutBlockContainer div.layoutBlock > a, .amon--first div.js-li-wrapper--container div.layoutBlock > a,
  .amon--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .amon--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .amon--second div.layoutBlockContainer div.layoutBlock > a,
  .amon--second div.js-li-wrapper--container div.layoutBlock > a,
  .amon--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .amon--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    float: left;
    width: 50%;
  }
  .amon--first div.layoutBlockContainer div.layoutBlock > h2, .amon--first div.js-li-wrapper--container div.layoutBlock > h2,
  .amon--second div.layoutBlockContainer div.layoutBlock > h2,
  .amon--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: left;
    margin: 0;
    padding: 40px 40px 2.5%;
    width: 50%;
  }
  .amon--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .amon--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .amon--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .amon--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    padding: 0 40px 2.5%;
  }
  .amon--second div.layoutBlockContainer div.layoutBlock > a, .amon--second div.js-li-wrapper--container div.layoutBlock > a,
  .amon--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .amon--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .amon--second div.layoutBlockContainer div.layoutBlock > h2,
  .amon--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: right;
  }
}

/*---------------------------*  MAJ LM 31/05/2016 - 18:45
\*---------------------------*/
/**
 * @name ANUBIS
 * Design block statique.
 *
*/
.anubis--first,
.anubis--second {
  background: #FFFFFF;
}

.anubis--first div.layoutBlockContainer div.layoutBlock, .anubis--first div.js-li-wrapper--container div.layoutBlock,
.anubis--second div.layoutBlockContainer div.layoutBlock,
.anubis--second div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  font-weight: 400;
  height: 250px;
  text-align: center;
}

.anubis--first div.layoutBlockContainer div.layoutBlock > h2, .anubis--first div.js-li-wrapper--container div.layoutBlock > h2,
.anubis--second div.layoutBlockContainer div.layoutBlock > h2,
.anubis--second div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 2.5%;
}

.anubis--first div.layoutBlockContainer div.layoutBlock h3, .anubis--first div.js-li-wrapper--container div.layoutBlock h3,
.anubis--second div.layoutBlockContainer div.layoutBlock h3,
.anubis--second div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.anubis--first div.layoutBlockContainer div.layoutBlock .btn, .anubis--first div.js-li-wrapper--container div.layoutBlock .btn,
.anubis--second div.layoutBlockContainer div.layoutBlock .btn,
.anubis--second div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 3% 0 0%;
}

.anubis--first div.layoutBlockContainer div.layoutBlock .btn a, .anubis--first div.js-li-wrapper--container div.layoutBlock .btn a,
.anubis--second div.layoutBlockContainer div.layoutBlock .btn a,
.anubis--second div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.anubis--first div.layoutBlockContainer div.layoutBlock .btn a:hover, .anubis--first div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.anubis--second div.layoutBlockContainer div.layoutBlock .btn a:hover,
.anubis--second div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
}

@media (max-width: 25rem) {
  .anubis--first div.layoutBlockContainer div.layoutBlock .btn a, .anubis--first div.js-li-wrapper--container div.layoutBlock .btn a,
  .anubis--second div.layoutBlockContainer div.layoutBlock .btn a,
  .anubis--second div.js-li-wrapper--container div.layoutBlock .btn a {
    display: block;
  }
}

.anubis--first.color-secondary,
.anubis--second.color-secondary {
  background: #FFFFFF;
}

.anubis--first.color-secondary div.layoutBlockContainer, .anubis--first.color-secondary div.js-li-wrapper--container,
.anubis--second.color-secondary div.layoutBlockContainer,
.anubis--second.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.anubis--first.color-secondary div.layoutBlockContainer div.layoutBlock, .anubis--first.color-secondary div.js-li-wrapper--container div.layoutBlock,
.anubis--second.color-secondary div.layoutBlockContainer div.layoutBlock,
.anubis--second.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.anubis--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .anubis--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.anubis--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.anubis--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.anubis--first.color-secondary div.layoutBlockContainer div.layoutBlock h3, .anubis--first.color-secondary div.js-li-wrapper--container div.layoutBlock h3,
.anubis--second.color-secondary div.layoutBlockContainer div.layoutBlock h3,
.anubis--second.color-secondary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.anubis--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .anubis--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.anubis--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.anubis--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.anubis--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .anubis--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.anubis--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.anubis--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.anubis--first.color-thirdary,
.anubis--second.color-thirdary {
  background: #FFFFFF;
}

.anubis--first.color-thirdary div.layoutBlockContainer, .anubis--first.color-thirdary div.js-li-wrapper--container,
.anubis--second.color-thirdary div.layoutBlockContainer,
.anubis--second.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.anubis--first.color-thirdary div.layoutBlockContainer div.layoutBlock, .anubis--first.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.anubis--second.color-thirdary div.layoutBlockContainer div.layoutBlock,
.anubis--second.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.anubis--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .anubis--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.anubis--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.anubis--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.anubis--first.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .anubis--first.color-thirdary div.js-li-wrapper--container div.layoutBlock h3,
.anubis--second.color-thirdary div.layoutBlockContainer div.layoutBlock h3,
.anubis--second.color-thirdary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.anubis--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .anubis--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.anubis--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.anubis--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #e1e3e4;
}

.anubis--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .anubis--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.anubis--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.anubis--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #FFFFFF;
}

.anubis--first.color-fourth,
.anubis--second.color-fourth {
  background: #FFFFFF;
}

.anubis--first.color-fourth div.layoutBlockContainer, .anubis--first.color-fourth div.js-li-wrapper--container,
.anubis--second.color-fourth div.layoutBlockContainer,
.anubis--second.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

.anubis--first.color-fourth div.layoutBlockContainer div.layoutBlock, .anubis--first.color-fourth div.js-li-wrapper--container div.layoutBlock,
.anubis--second.color-fourth div.layoutBlockContainer div.layoutBlock,
.anubis--second.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.anubis--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .anubis--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.anubis--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.anubis--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.anubis--first.color-fourth div.layoutBlockContainer div.layoutBlock h3, .anubis--first.color-fourth div.js-li-wrapper--container div.layoutBlock h3,
.anubis--second.color-fourth div.layoutBlockContainer div.layoutBlock h3,
.anubis--second.color-fourth div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.anubis--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .anubis--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.anubis--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.anubis--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.anubis--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .anubis--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.anubis--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover,
.anubis--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.anubis--first div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-1 {
  background: transparent;
}

.anubis--first div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 {
  padding-top: 2.5%;
  padding-bottom: 0;
}

.anubis--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-1 {
  padding-top: 2.5%;
  padding-bottom: 0;
}

.anubis--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 {
  background: transparent;
}

/*---------------------------*  MAJ LM 21/09/2016 - 18:45
\*---------------------------*/
/**
 * @name BASTET
 * Design block statique.
 *
*/
.bastet-one,
.bastet-two {
  background: #FFFFFF;
}

.bastet-one div.layoutBlockContainer div.layoutBlock, .bastet-one div.js-li-wrapper--container div.layoutBlock,
.bastet-two div.layoutBlockContainer div.layoutBlock,
.bastet-two div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 4% 4%;
  text-align: center;
}

.bastet-one div.layoutBlockContainer div.layoutBlock > h2, .bastet-one div.js-li-wrapper--container div.layoutBlock > h2,
.bastet-two div.layoutBlockContainer div.layoutBlock > h2,
.bastet-two div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.bastet-one div.layoutBlockContainer div.layoutBlock .btn, .bastet-one div.js-li-wrapper--container div.layoutBlock .btn,
.bastet-two div.layoutBlockContainer div.layoutBlock .btn,
.bastet-two div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 3% 0 0%;
}

.bastet-one div.layoutBlockContainer div.layoutBlock .btn a, .bastet-one div.js-li-wrapper--container div.layoutBlock .btn a,
.bastet-two div.layoutBlockContainer div.layoutBlock .btn a,
.bastet-two div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.bastet-one div.layoutBlockContainer div.layoutBlock .btn a:hover, .bastet-one div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.bastet-two div.layoutBlockContainer div.layoutBlock .btn a:hover,
.bastet-two div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #1e2977;
}

@media (max-width: 50rem) {
  .bastet-one div.layoutBlockContainer div.layoutBlock, .bastet-one div.js-li-wrapper--container div.layoutBlock,
  .bastet-two div.layoutBlockContainer div.layoutBlock,
  .bastet-two div.js-li-wrapper--container div.layoutBlock {
    margin-bottom: 0;
  }
}

.bastet-one div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .bastet-one div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #FFFFFF;
  color: #404040;
}

.bastet-one div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .bastet-one div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #404040;
}

.bastet-one div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .bastet-one div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
}

.bastet-one div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .bastet-one div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #1e2977;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
  background: #e1e3e4;
  color: #404040;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-1 > h2, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 > h2 {
  color: #404040;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a:hover, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #e1e3e4;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #e1e3e4;
  color: #404040;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #404040;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.bastet-two div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .bastet-two div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #e1e3e4;
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name TRITON
 * Design block statique.
 *
*/
.triton--first,
.triton--second {
  background: #FFFFFF;
}

.triton--first div.layoutBlockContainer div.layoutBlock, .triton--first div.js-li-wrapper--container div.layoutBlock,
.triton--second div.layoutBlockContainer div.layoutBlock,
.triton--second div.js-li-wrapper--container div.layoutBlock {
  color: #404040;
}

.triton--first div.layoutBlockContainer div.layoutBlock > h2, .triton--first div.js-li-wrapper--container div.layoutBlock > h2,
.triton--second div.layoutBlockContainer div.layoutBlock > h2,
.triton--second div.js-li-wrapper--container div.layoutBlock > h2 {
  display: inline-block;
  color: #404040;
  margin-bottom: 2.5%;
  text-align: center;
  text-transform: uppercase;
}

.triton--first div.layoutBlockContainer div.layoutBlock h3, .triton--first div.js-li-wrapper--container div.layoutBlock h3,
.triton--second div.layoutBlockContainer div.layoutBlock h3,
.triton--second div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.triton--first div.layoutBlockContainer div.layoutBlock .unmanagedContent, .triton--first div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
.triton--second div.layoutBlockContainer div.layoutBlock .unmanagedContent,
.triton--second div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  text-align: left;
}

@media (max-width: 50rem) {
  .triton--first div.layoutBlockContainer div.layoutBlock .unmanagedContent, .triton--first div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .triton--first div.layoutBlockContainer div.layoutBlock > h2,
  .triton--first div.js-li-wrapper--container div.layoutBlock > h2,
  .triton--second div.layoutBlockContainer div.layoutBlock .unmanagedContent,
  .triton--second div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .triton--second div.layoutBlockContainer div.layoutBlock > h2,
  .triton--second div.js-li-wrapper--container div.layoutBlock > h2 {
    padding-left: 2.72109%;
    padding-right: 2.72109%;
  }
}

.triton--first div.layoutBlockContainer div.layoutBlock .btn, .triton--first div.js-li-wrapper--container div.layoutBlock .btn,
.triton--second div.layoutBlockContainer div.layoutBlock .btn,
.triton--second div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 4% 0 0%;
}

.triton--first div.layoutBlockContainer div.layoutBlock .btn a, .triton--first div.js-li-wrapper--container div.layoutBlock .btn a,
.triton--second div.layoutBlockContainer div.layoutBlock .btn a,
.triton--second div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.triton--first div.layoutBlockContainer div.layoutBlock .btn a:hover, .triton--first div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.triton--second div.layoutBlockContainer div.layoutBlock .btn a:hover,
.triton--second div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
  border-color: #1e2977;
}

.triton--first.color-secondary,
.triton--second.color-secondary {
  background: #FFFFFF;
}

.triton--first.color-secondary div.layoutBlockContainer, .triton--first.color-secondary div.js-li-wrapper--container,
.triton--second.color-secondary div.layoutBlockContainer,
.triton--second.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
  background: #00a683;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2:after, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2:after,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2:after,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2:after {
  background-color: #FFFFFF;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock h3, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock h3,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock h3,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.triton--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .triton--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.triton--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.triton--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.triton--first.color-thirdary,
.triton--second.color-thirdary {
  background: #FFFFFF;
}

.triton--first.color-thirdary div.layoutBlockContainer, .triton--first.color-thirdary div.js-li-wrapper--container,
.triton--second.color-thirdary div.layoutBlockContainer,
.triton--second.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  color: #404040;
  background: #e1e3e4;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2:after, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2:after,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2:after,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2:after {
  background-color: #404040;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock h3, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock h3,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock h3,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #e1e3e4;
}

.triton--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .triton--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.triton--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.triton--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #FFFFFF;
}

.triton--first.color-fourth,
.triton--second.color-fourth {
  background: #FFFFFF;
}

.triton--first.color-fourth div.layoutBlockContainer, .triton--first.color-fourth div.js-li-wrapper--container,
.triton--second.color-fourth div.layoutBlockContainer,
.triton--second.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
  background: #1e2977;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2:after, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2:after,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2:after,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2:after {
  background-color: #FFFFFF;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock h3, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock h3,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock h3,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock h3 {
  color: #FFFFFF;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.triton--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .triton--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.triton--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover,
.triton--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.triton--first div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-1 {
  padding: 0;
}

.triton--first div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 {
  padding: 1% 40px;
}

.triton--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-1 {
  padding: 1% 40px;
}

.triton--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 {
  padding: 0;
}

@media (max-width: 50rem) {
  .triton--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 {
    padding-bottom: 7%;
  }
}

.triton--second div.layoutBlockContainer2Col div.layoutBlock.layoutBlock-2 .unmanagedContent {
  padding: 0;
}

/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name ZEUS
 * Design block statique.
 *
*/
.zeus--first,
.zeus--second {
  background: #FFFFFF;
}

.zeus--first div.layoutBlockContainer div.layoutBlock, .zeus--first div.js-li-wrapper--container div.layoutBlock,
.zeus--second div.layoutBlockContainer div.layoutBlock,
.zeus--second div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
}

.zeus--first div.layoutBlockContainer div.layoutBlock > a, .zeus--first div.js-li-wrapper--container div.layoutBlock > a,
.zeus--second div.layoutBlockContainer div.layoutBlock > a,
.zeus--second div.js-li-wrapper--container div.layoutBlock > a {
  text-align: center;
  display: block;
}

.zeus--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .zeus--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.zeus--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.zeus--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  padding: 0px 20px 45px;
}

.zeus--first div.layoutBlockContainer div.layoutBlock > h2, .zeus--first div.js-li-wrapper--container div.layoutBlock > h2,
.zeus--second div.layoutBlockContainer div.layoutBlock > h2,
.zeus--second div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  box-sizing: border-box;
  padding: 20px 20px 0;
  text-transform: uppercase;
}

.zeus--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .zeus--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.zeus--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.zeus--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  box-sizing: border-box;
}

.zeus--first div.layoutBlockContainer div.layoutBlock .btn, .zeus--first div.js-li-wrapper--container div.layoutBlock .btn,
.zeus--second div.layoutBlockContainer div.layoutBlock .btn,
.zeus--second div.js-li-wrapper--container div.layoutBlock .btn {
  margin: 6% 0 0;
  text-align: center;
}

.zeus--first div.layoutBlockContainer div.layoutBlock .btn a, .zeus--first div.js-li-wrapper--container div.layoutBlock .btn a,
.zeus--second div.layoutBlockContainer div.layoutBlock .btn a,
.zeus--second div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.zeus--first div.layoutBlockContainer div.layoutBlock .btn a:hover, .zeus--first div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.zeus--second div.layoutBlockContainer div.layoutBlock .btn a:hover,
.zeus--second div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
}

.zeus--first.color-secondary,
.zeus--second.color-secondary {
  background: #FFFFFF;
}

.zeus--first.color-secondary div.layoutBlockContainer, .zeus--first.color-secondary div.js-li-wrapper--container,
.zeus--second.color-secondary div.layoutBlockContainer,
.zeus--second.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.zeus--first.color-secondary div.layoutBlockContainer div.layoutBlock, .zeus--first.color-secondary div.js-li-wrapper--container div.layoutBlock,
.zeus--second.color-secondary div.layoutBlockContainer div.layoutBlock,
.zeus--second.color-secondary div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
}

.zeus--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .zeus--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.zeus--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.zeus--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.zeus--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .zeus--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a,
.zeus--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a,
.zeus--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.zeus--first.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .zeus--first.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.zeus--second.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.zeus--second.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
}

.zeus--first.color-thirdary,
.zeus--second.color-thirdary {
  background: #FFFFFF;
}

.zeus--first.color-thirdary div.layoutBlockContainer, .zeus--first.color-thirdary div.js-li-wrapper--container,
.zeus--second.color-thirdary div.layoutBlockContainer,
.zeus--second.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.zeus--first.color-thirdary div.layoutBlockContainer div.layoutBlock, .zeus--first.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.zeus--second.color-thirdary div.layoutBlockContainer div.layoutBlock,
.zeus--second.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  color: #404040;
}

.zeus--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .zeus--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.zeus--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.zeus--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.zeus--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .zeus--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a,
.zeus--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a,
.zeus--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #e1e3e4;
}

.zeus--first.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .zeus--first.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.zeus--second.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover,
.zeus--second.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
}

.zeus--first.color-fourth,
.zeus--second.color-fourth {
  background: #FFFFFF;
}

.zeus--first.color-fourth div.layoutBlockContainer, .zeus--first.color-fourth div.js-li-wrapper--container,
.zeus--second.color-fourth div.layoutBlockContainer,
.zeus--second.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

.zeus--first.color-fourth div.layoutBlockContainer div.layoutBlock, .zeus--first.color-fourth div.js-li-wrapper--container div.layoutBlock,
.zeus--second.color-fourth div.layoutBlockContainer div.layoutBlock,
.zeus--second.color-fourth div.js-li-wrapper--container div.layoutBlock {
  color: #FFFFFF;
}

.zeus--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .zeus--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.zeus--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.zeus--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.zeus--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .zeus--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a,
.zeus--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a,
.zeus--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.zeus--first.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .zeus--first.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover,
.zeus--second.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover,
.zeus--second.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
}

@media screen and (min-width: 801px) {
  .zeus--first div.layoutBlockContainer div.layoutBlock > a, .zeus--first div.js-li-wrapper--container div.layoutBlock > a,
  .zeus--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .zeus--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .zeus--second div.layoutBlockContainer div.layoutBlock > a,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > a,
  .zeus--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    float: left;
    width: 50%;
  }
  .zeus--first div.layoutBlockContainer div.layoutBlock > h2, .zeus--first div.js-li-wrapper--container div.layoutBlock > h2,
  .zeus--second div.layoutBlockContainer div.layoutBlock > h2,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: left;
    margin: 0;
    padding: 40px 40px 2.5%;
    width: 50%;
  }
  .zeus--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .zeus--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .zeus--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    padding: 0 40px 2.5%;
  }
  .zeus--second div.layoutBlockContainer div.layoutBlock > a, .zeus--second div.js-li-wrapper--container div.layoutBlock > a,
  .zeus--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .zeus--second div.layoutBlockContainer div.layoutBlock > h2,
  .zeus--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: right;
  }
}

/*---------------------------*  MAJ LM 30/03/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
 */
/*------------------------------------*    #NOM DES CLASS (CSS)
\*------------------------------------*/
/*------------------------------------*    .ARES
\*------------------------------------*/
/*------------------------------------*    .ASGARD (First & Last)
\*------------------------------------*/
/*------------------------------------*    .CRONOS
\*------------------------------------*/
/*------------------------------------*    .HESTIA
\*------------------------------------*/
/*---------------------------*  MAJ LM 9/09/2016 - 18:45
\*---------------------------*/
/**
 * @name ARES
 * Design block statique.
 *
*/
.ares {
  background: #FFFFFF;
}

.ares > .unmanagedContent {
  color: #404040;
  font-size: 48px;
  font-size: 3rem;
  padding-bottom: 3%;
  text-align: center;
}

@media (max-width: 64rem) {
  .ares > .unmanagedContent {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media (max-width: 50rem) {
  .ares > .unmanagedContent {
    padding-top: 5%;
  }
}

@media (max-width: 37.5rem) {
  .ares > .unmanagedContent {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.ares div.layoutBlockContainer div.layoutBlock, .ares div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
}

.ares div.layoutBlockContainer div.layoutBlock > a, .ares div.js-li-wrapper--container div.layoutBlock > a {
  display: block;
  text-align: center;
}

.ares div.layoutBlockContainer div.layoutBlock > h2, .ares div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  padding: 20px 20px 7%;
  margin: 0;
}

.ares div.layoutBlockContainer div.layoutBlock .unmanagedContent, .ares div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  padding: 0 20px 20px;
}

@media (max-width: 37.5rem) {
  .ares div.layoutBlockContainer div.layoutBlock .unmanagedContent, .ares div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .ares div.layoutBlockContainer div.layoutBlock > h2,
  .ares div.js-li-wrapper--container div.layoutBlock > h2 {
    padding-left: 2.72109%;
    padding-right: 2.72109%;
  }
}

.ares div.layoutBlockContainer div.layoutBlock .btn, .ares div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 9% 3% 0;
}

.ares div.layoutBlockContainer div.layoutBlock .btn a, .ares div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.ares div.layoutBlockContainer div.layoutBlock .btn a:hover, .ares div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  color: #1e2977;
}

.ares.color-secondary {
  background: #FFFFFF;
}

.ares.color-secondary > .unmanagedContent {
  color: #FFFFFF;
}

.ares.color-secondary div.layoutBlockContainer div.layoutBlock, .ares.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.ares.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .ares.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.ares.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .ares.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.ares.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .ares.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
}

.ares.color-thirdary {
  background: #FFFFFF;
}

.ares.color-thirdary > .unmanagedContent {
  color: #404040;
}

.ares.color-thirdary div.layoutBlockContainer div.layoutBlock, .ares.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.ares.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .ares.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.ares.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .ares.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #404040;
  border: 1px solid #e1e3e4;
}

.ares.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .ares.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
}

.ares.color-fourth {
  background: #FFFFFF;
}

.ares.color-fourth > .unmanagedContent {
  color: #FFFFFF;
}

.ares.color-fourth div.layoutBlockContainer div.layoutBlock, .ares.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.ares.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .ares.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.ares.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .ares.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.ares.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .ares.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #1e2977;
  color: #FFFFFF;
}

@media (max-width: 50rem) {
  .ares div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .ares div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
    margin-bottom: 2.72109%;
  }
}

@media (max-width: 37.5rem) {
  .ares div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .ares div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
    margin-bottom: 2.72109%;
  }
}

/*---------------------------*  MAJ LM 21/09/2016 - 18:45
\*---------------------------*/
/**
 * @name ASGARD
 * Design block statique.
 *
*/
.asgard--first div.layoutBlockContainer div.layoutBlock, .asgard--first div.js-li-wrapper--container div.layoutBlock,
.asgard--last div.layoutBlockContainer div.layoutBlock,
.asgard--last div.js-li-wrapper--container div.layoutBlock {
  font-weight: 700;
  padding: 50px 0 0;
  text-align: center;
}

.asgard--first div.layoutBlockContainer div.layoutBlock > h2, .asgard--first div.js-li-wrapper--container div.layoutBlock > h2,
.asgard--last div.layoutBlockContainer div.layoutBlock > h2,
.asgard--last div.js-li-wrapper--container div.layoutBlock > h2 {
  margin-bottom: 2.5%;
}

.asgard--first div.layoutBlockContainer div.layoutBlock .unmanagedContent, .asgard--first div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
.asgard--last div.layoutBlockContainer div.layoutBlock .unmanagedContent,
.asgard--last div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  padding: 15px 8px 0;
}

.asgard--first div.layoutBlockContainer div.layoutBlock .btn, .asgard--first div.js-li-wrapper--container div.layoutBlock .btn,
.asgard--last div.layoutBlockContainer div.layoutBlock .btn,
.asgard--last div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 7% 0 0%;
}

.asgard--first div.layoutBlockContainer div.layoutBlock .btn a, .asgard--first div.js-li-wrapper--container div.layoutBlock .btn a,
.asgard--last div.layoutBlockContainer div.layoutBlock .btn a,
.asgard--last div.js-li-wrapper--container div.layoutBlock .btn a {
  border: 1px solid;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.asgard--first {
  background: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
  padding: 0;
  background: transparent;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .unmanagedContent, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .unmanagedContent {
  padding: 0;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #00a683;
  color: #FFFFFF;
}

@media (max-width: 37.5rem) {
  .asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
    margin-bottom: 0;
  }
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2 h3, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 h3 {
  color: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 {
  background: #00a683;
  color: #FFFFFF;
}

@media (max-width: 37.5rem) {
  .asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 {
    margin-bottom: 0;
  }
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3 > h2, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 > h2 {
  color: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3 h3, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 h3 {
  color: #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3 .btn a, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.asgard--first div.layoutBlockContainer div.layoutBlock.layoutBlock-3 .btn a:hover, .asgard--first div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #e1e3e4;
  color: #404040;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #404040;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 h3, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 h3 {
  color: #404040;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #e1e3e4;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-3, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 {
  background: #00a683;
  color: #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-3 > h2, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 > h2 {
  color: #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-3 h3, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 h3 {
  color: #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-3 .btn a, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.asgard--first.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-3 .btn a:hover, .asgard--first.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.asgard--last {
  background: #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
  background: #e1e3e4;
  color: #404040;
}

@media (max-width: 37.5rem) {
  .asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
    margin-bottom: 0;
  }
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1 > h2, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 > h2 {
  color: #404040;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1 h3, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 h3 {
  color: #404040;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a:hover, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #e1e3e4;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #00a683;
  color: #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-2 h3, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 h3 {
  color: #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-3, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 {
  padding: 0;
}

@media (max-width: 50rem) {
  .asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-3, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 {
    margin-bottom: 0;
  }
}

.asgard--last div.layoutBlockContainer div.layoutBlock.layoutBlock-3 .unmanagedContent, .asgard--last div.js-li-wrapper--container div.layoutBlock.layoutBlock-3 .unmanagedContent {
  padding: 0;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
  background: #00a683;
  color: #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-1 > h2, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 > h2 {
  color: #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-1 h3, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 h3 {
  color: #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-1 .btn a:hover, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 .btn a:hover {
  background-color: #00a683;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
  background: #e1e3e4;
  color: #404040;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 > h2, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 > h2 {
  color: #404040;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 h3, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 h3 {
  color: #404040;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.asgard--last.alt-1 div.layoutBlockContainer div.layoutBlock.layoutBlock-2 .btn a:hover, .asgard--last.alt-1 div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 .btn a:hover {
  background-color: #404040;
  color: #e1e3e4;
  border: 1px solid #e1e3e4;
}

/*---------------------------*  MAJ LM 18/04/2016 - 18:45
\*---------------------------*/
/**
 * @name cronos
 * Design block statique.
 *
*/
.cronos {
  background: #FFFFFF;
}

.cronos > .unmanagedContent {
  color: #404040;
  font-size: 48px;
  font-size: 3rem;
  padding-bottom: 3%;
  text-align: center;
}

@media (max-width: 64rem) {
  .cronos > .unmanagedContent {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

@media (max-width: 50rem) {
  .cronos > .unmanagedContent {
    padding-top: 5%;
  }
}

@media (max-width: 37.5rem) {
  .cronos > .unmanagedContent {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.cronos div.layoutBlockContainer, .cronos div.js-li-wrapper--container {
  background: #FFFFFF;
}

.cronos div.layoutBlockContainer div.layoutBlock, .cronos div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
}

.cronos div.layoutBlockContainer div.layoutBlock > a, .cronos div.js-li-wrapper--container div.layoutBlock > a {
  display: block;
  text-align: center;
}

.cronos div.layoutBlockContainer div.layoutBlock > h2, .cronos div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  padding: 20px 20px 7%;
  margin: 0;
}

.cronos div.layoutBlockContainer div.layoutBlock .unmanagedContent, .cronos div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  padding: 0 20px 20px;
}

@media (max-width: 37.5rem) {
  .cronos div.layoutBlockContainer div.layoutBlock .unmanagedContent, .cronos div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
  .cronos div.layoutBlockContainer div.layoutBlock > h2,
  .cronos div.js-li-wrapper--container div.layoutBlock > h2 {
    padding-left: 2.72109%;
    padding-right: 2.72109%;
  }
}

.cronos div.layoutBlockContainer div.layoutBlock .btn, .cronos div.js-li-wrapper--container div.layoutBlock .btn {
  text-align: center;
  margin: 9% 3% 0;
}

.cronos div.layoutBlockContainer div.layoutBlock .btn a, .cronos div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #404040;
  display: inline-block;
  font-weight: 400;
  padding: 7px 24px 7px;
  text-decoration: none;
}

.cronos div.layoutBlockContainer div.layoutBlock .btn a:hover, .cronos div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  background-color: #FFFFFF;
  border: 1px solid #1e2977;
  color: #1e2977;
}

.cronos.color-secondary {
  background: #FFFFFF;
}

.cronos.color-secondary > .unmanagedContent {
  color: #FFFFFF;
}

.cronos.color-secondary div.layoutBlockContainer, .cronos.color-secondary div.js-li-wrapper--container {
  background: #00a683;
}

.cronos.color-secondary div.layoutBlockContainer div.layoutBlock, .cronos.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.cronos.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .cronos.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.cronos.color-secondary div.layoutBlockContainer div.layoutBlock .btn a, .cronos.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #00a683;
  border: 1px solid #FFFFFF;
}

.cronos.color-secondary div.layoutBlockContainer div.layoutBlock .btn a:hover, .cronos.color-secondary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #FFFFFF;
  background-color: #00a683;
  color: #FFFFFF;
}

.cronos.color-thirdary {
  background: #FFFFFF;
}

.cronos.color-thirdary > .unmanagedContent {
  color: #404040;
}

.cronos.color-thirdary div.layoutBlockContainer, .cronos.color-thirdary div.js-li-wrapper--container {
  background: #e1e3e4;
}

.cronos.color-thirdary div.layoutBlockContainer div.layoutBlock, .cronos.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.cronos.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .cronos.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.cronos.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a, .cronos.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #404040;
  border: 1px solid #FFFFFF;
}

.cronos.color-thirdary div.layoutBlockContainer div.layoutBlock .btn a:hover, .cronos.color-thirdary div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #e1e3e4;
  background-color: #404040;
  color: #e1e3e4;
}

.cronos.color-fourth {
  background: #FFFFFF;
}

.cronos.color-fourth > .unmanagedContent {
  color: #FFFFFF;
}

.cronos.color-fourth div.layoutBlockContainer, .cronos.color-fourth div.js-li-wrapper--container {
  background: #1e2977;
}

.cronos.color-fourth div.layoutBlockContainer div.layoutBlock, .cronos.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.cronos.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .cronos.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.cronos.color-fourth div.layoutBlockContainer div.layoutBlock .btn a, .cronos.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a {
  background-color: #FFFFFF;
  color: #1e2977;
  border: 1px solid #FFFFFF;
}

.cronos.color-fourth div.layoutBlockContainer div.layoutBlock .btn a:hover, .cronos.color-fourth div.js-li-wrapper--container div.layoutBlock .btn a:hover {
  border: 1px solid #FFFFFF;
  background-color: #1e2977;
  color: #FFFFFF;
}

@media (max-width: 50rem) {
  .cronos div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .cronos div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
    margin-bottom: 2.72109%;
  }
}

@media (max-width: 37.5rem) {
  .cronos div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .cronos div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
    margin-bottom: 2.72109%;
  }
}

/*---------------------------*  MAJ LM 17/08/2016 - 18:45
\*---------------------------*/
/**
 * CONTENTS
 *
 * Layout
 * Media Queries
 * Typography
 * Theme
 *
 */
/*------------------------------------*    #NOM DES CLASS (CSS)
\*------------------------------------*/
/*------------------------------------*    .anat (Left & Right)
\*------------------------------------*/
/*------------------------------------*    .OPHOIS
\*------------------------------------*/
/*------------------------------------*    .GEB
\*------------------------------------*/
/*------------------------------------*    .HAPY
\*------------------------------------*/
/*------------------------------------*    .KEKET
\*------------------------------------*/
/*------------------------------------*    .BAT
\*------------------------------------*/
/*---------------------------*  MAJ LM 12/09/2016 - 18:45
\*---------------------------*/
/**
 * @name anat
 * Design block Dynamic.
 *
*/
.anat--first,
.anat--second {
  background: #FFFFFF;
}

.anat--first > h2,
.anat--second > h2 {
  display: none;
}

.anat--first div.layoutBlockContainer div.layoutBlock, .anat--first div.js-li-wrapper--container div.layoutBlock,
.anat--second div.layoutBlockContainer div.layoutBlock,
.anat--second div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
}

.anat--first div.layoutBlockContainer div.layoutBlock > a, .anat--first div.js-li-wrapper--container div.layoutBlock > a,
.anat--second div.layoutBlockContainer div.layoutBlock > a,
.anat--second div.js-li-wrapper--container div.layoutBlock > a {
  text-align: center;
  display: block;
}

.anat--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .anat--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.anat--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.anat--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  padding: 0px 20px 45px;
}

.anat--first div.layoutBlockContainer div.layoutBlock > h2, .anat--first div.js-li-wrapper--container div.layoutBlock > h2,
.anat--second div.layoutBlockContainer div.layoutBlock > h2,
.anat--second div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  box-sizing: border-box;
  padding: 20px 20px 0;
  text-transform: uppercase;
}

.anat--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .anat--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
.anat--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
.anat--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
  box-sizing: border-box;
}

.anat--first .owl-buttons,
.anat--second .owl-buttons {
  display: none;
}

.anat--first.color-secondary,
.anat--second.color-secondary {
  background: #FFFFFF;
}

.anat--first.color-secondary div.layoutBlockContainer div.layoutBlock, .anat--first.color-secondary div.js-li-wrapper--container div.layoutBlock,
.anat--second.color-secondary div.layoutBlockContainer div.layoutBlock,
.anat--second.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.anat--first.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .anat--first.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.anat--second.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.anat--second.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.anat--first.color-thirdary,
.anat--second.color-thirdary {
  background: #FFFFFF;
}

.anat--first.color-thirdary div.layoutBlockContainer div.layoutBlock, .anat--first.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.anat--second.color-thirdary div.layoutBlockContainer div.layoutBlock,
.anat--second.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.anat--first.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .anat--first.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.anat--second.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.anat--second.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.anat--first.color-fourth,
.anat--second.color-fourth {
  background: #FFFFFF;
}

.anat--first.color-fourth div.layoutBlockContainer div.layoutBlock, .anat--first.color-fourth div.js-li-wrapper--container div.layoutBlock,
.anat--second.color-fourth div.layoutBlockContainer div.layoutBlock,
.anat--second.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.anat--first.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .anat--first.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.anat--second.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.anat--second.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

@media screen and (min-width: 801px) {
  .anat--first div.layoutBlockContainer div.layoutBlock > a, .anat--first div.js-li-wrapper--container div.layoutBlock > a,
  .anat--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .anat--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .anat--second div.layoutBlockContainer div.layoutBlock > a,
  .anat--second div.js-li-wrapper--container div.layoutBlock > a,
  .anat--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .anat--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    float: left;
    width: 50%;
  }
  .anat--first div.layoutBlockContainer div.layoutBlock > h2, .anat--first div.js-li-wrapper--container div.layoutBlock > h2,
  .anat--second div.layoutBlockContainer div.layoutBlock > h2,
  .anat--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: left;
    margin: 0;
    padding: 40px 40px 2.5%;
    width: 50%;
  }
  .anat--first div.layoutBlockContainer div.layoutBlock > .unmanagedContent, .anat--first div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .anat--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .anat--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent {
    padding: 0 40px 2.5%;
  }
  .anat--second div.layoutBlockContainer div.layoutBlock > a, .anat--second div.js-li-wrapper--container div.layoutBlock > a,
  .anat--second div.layoutBlockContainer div.layoutBlock > .unmanagedContent,
  .anat--second div.js-li-wrapper--container div.layoutBlock > .unmanagedContent,
  .anat--second div.layoutBlockContainer div.layoutBlock > h2,
  .anat--second div.js-li-wrapper--container div.layoutBlock > h2 {
    float: right;
  }
}

/*---------------------------*  MAJ LM 04/10/2016 - 18:45
\*---------------------------*/
/**
 * @name BAT
 * Design block Dynamic.
 *
*/
/*** Scrolling Partenaires ***/
.bat--left,
.bat--right {
  background: #FFFFFF;
}

.bat--left > .batChildren,
.bat--right > .batChildren {
  text-align: center;
  max-width: 1470px;
  margin: 0 auto;
}

.bat--left > .batChildren > h2,
.bat--right > .batChildren > h2 {
  color: #404040;
  padding: 0 0 20px;
  margin: 0;
}

.bat--left > .batChildren div.unmanagedContent,
.bat--right > .batChildren div.unmanagedContent {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}

.bat--left > .batChildren > .owl-carousel,
.bat--right > .batChildren > .owl-carousel {
  display: inline-block !important;
  vertical-align: middle;
  padding: 0 65px 0 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: calc(100% - 400px);
}

@media (max-width: 58.75rem) {
  .bat--left > .batChildren > div.unmanagedContent,
  .bat--right > .batChildren > div.unmanagedContent {
    display: block;
    margin: 0 auto 20px;
  }
  .bat--left > .batChildren > .owl-carousel,
  .bat--right > .batChildren > .owl-carousel {
    max-width: 100%;
  }
}

.bat--left > .batChildren div.layoutBlockContainer div.layoutBlock, .bat--left > .batChildren div.js-li-wrapper--container div.layoutBlock,
.bat--right > .batChildren div.layoutBlockContainer div.layoutBlock,
.bat--right > .batChildren div.js-li-wrapper--container div.layoutBlock {
  padding: 0 10px;
  width: 100%;
  float: none;
}

.bat--left > .batChildren div.layoutBlockContainer div.layoutBlock-1, .bat--left > .batChildren div.js-li-wrapper--container div.layoutBlock-1,
.bat--right > .batChildren div.layoutBlockContainer div.layoutBlock-1,
.bat--right > .batChildren div.js-li-wrapper--container div.layoutBlock-1 {
  margin-bottom: 20px;
}

.bat--left > .batChildren div.layoutBlockContainer div.layoutBlock-1.feedItems, .bat--left > .batChildren div.js-li-wrapper--container div.layoutBlock-1.feedItems,
.bat--right > .batChildren div.layoutBlockContainer div.layoutBlock-1.feedItems,
.bat--right > .batChildren div.js-li-wrapper--container div.layoutBlock-1.feedItems {
  margin: 0;
}

.bat--left > .batChildren .owl-nav,
.bat--right > .batChildren .owl-nav {
  height: 0;
  margin: 0 !important;
}

.bat--left > .batChildren .owl-nav .owl-prev,
.bat--left > .batChildren .owl-nav .owl-next,
.bat--right > .batChildren .owl-nav .owl-prev,
.bat--right > .batChildren .owl-nav .owl-next {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 5px -564px;
  position: absolute;
  top: 50%;
  padding: 0;
  margin: -20px -20px 0;
  outline: 0;
  width: 39px;
  height: 61px;
  text-indent: -9999px;
  opacity: 1;
}

.bat--left > .batChildren .owl-nav .owl-prev:hover,
.bat--left > .batChildren .owl-nav .owl-next:hover,
.bat--right > .batChildren .owl-nav .owl-prev:hover,
.bat--right > .batChildren .owl-nav .owl-next:hover {
  opacity: 0.5;
}

.bat--left > .batChildren .owl-nav .owl-prev,
.bat--right > .batChildren .owl-nav .owl-prev {
  left: 4.5%;
}

.bat--left > .batChildren .owl-nav .owl-next,
.bat--right > .batChildren .owl-nav .owl-next {
  background-position: -37px -564px;
  right: 4.5%;
}

.bat--left.color-secondary,
.bat--right.color-secondary {
  background: #FFFFFF;
}

.bat--left.color-secondary .batChildren > h2,
.bat--right.color-secondary .batChildren > h2 {
  color: #FFFFFF;
}

.bat--left.color-thirdary,
.bat--right.color-thirdary {
  background: #FFFFFF;
}

.bat--left.color-thirdary .batChildren > h2,
.bat--right.color-thirdary .batChildren > h2 {
  color: #404040;
}

.bat--left.color-fourth,
.bat--right.color-fourth {
  background: #FFFFFF;
}

.bat--left.color-fourth .batChildren > h2,
.bat--right.color-fourth .batChildren > h2 {
  color: #FFFFFF;
}

.bat--right .batChildren > .owl-carousel {
  margin-top: 36px;
  float: left;
}

@media (max-width: 58.75rem) {
  .bat--right .batChildren > .owl-carousel {
    float: none;
    margin-top: 0;
  }
}

/*---------------------------*  MAJ LM 12/09/2016 - 18:45
\*---------------------------*/
/**
 * @name GEB
 * Design block Dynamic.
 *
*/
.geb,
.geb--full {
  background: #FFFFFF;
}

.geb > h2,
.geb--full > h2 {
  display: none;
}

.geb div.layoutBlockContainer, .geb div.js-li-wrapper--container,
.geb--full div.layoutBlockContainer,
.geb--full div.js-li-wrapper--container {
  width: 100%;
}

.geb div.layoutBlockContainer div.layoutBlock, .geb div.js-li-wrapper--container div.layoutBlock,
.geb--full div.layoutBlockContainer div.layoutBlock,
.geb--full div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  color: #404040;
  padding: 0 0 2% 0;
  width: 100%;
}

.geb div.layoutBlockContainer div.layoutBlock > h2, .geb div.js-li-wrapper--container div.layoutBlock > h2,
.geb--full div.layoutBlockContainer div.layoutBlock > h2,
.geb--full div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
  margin-bottom: 1%;
  margin-top: 2%;
  text-align: center;
}

.geb div.layoutBlockContainer div.layoutBlock h3, .geb div.js-li-wrapper--container div.layoutBlock h3,
.geb--full div.layoutBlockContainer div.layoutBlock h3,
.geb--full div.js-li-wrapper--container div.layoutBlock h3 {
  color: #404040;
  font-weight: 400;
}

.geb div.layoutBlockContainer div.layoutBlock .unmanagedContent, .geb div.js-li-wrapper--container div.layoutBlock .unmanagedContent,
.geb--full div.layoutBlockContainer div.layoutBlock .unmanagedContent,
.geb--full div.js-li-wrapper--container div.layoutBlock .unmanagedContent {
  padding: 1.5% 7%;
}

.geb .owl-nav,
.geb--full .owl-nav {
  height: 0;
  margin: 0 !important;
}

.geb .owl-nav .owl-prev,
.geb .owl-nav .owl-next,
.geb--full .owl-nav .owl-prev,
.geb--full .owl-nav .owl-next {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 5px -564px;
  position: absolute;
  top: 50%;
  padding: 0;
  margin: -20px -20px 0;
  outline: 0;
  width: 45px;
  height: 62px;
  text-indent: -9999px;
  opacity: 1;
}

.geb .owl-nav .owl-prev:hover,
.geb .owl-nav .owl-next:hover,
.geb--full .owl-nav .owl-prev:hover,
.geb--full .owl-nav .owl-next:hover {
  opacity: 0.5 !important;
}

.geb .owl-nav .owl-prev,
.geb--full .owl-nav .owl-prev {
  left: 7%;
}

.geb .owl-nav .owl-next,
.geb--full .owl-nav .owl-next {
  background-position: -37px -564px;
  right: 7%;
}

.geb.color-secondary,
.geb--full.color-secondary {
  background: #FFFFFF;
}

.geb.color-secondary div.layoutBlockContainer div.layoutBlock, .geb.color-secondary div.js-li-wrapper--container div.layoutBlock,
.geb--full.color-secondary div.layoutBlockContainer div.layoutBlock,
.geb--full.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.geb.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .geb.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.geb--full.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.geb--full.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.geb.color-thirdary,
.geb--full.color-thirdary {
  background: #FFFFFF;
}

.geb.color-thirdary div.layoutBlockContainer div.layoutBlock, .geb.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.geb--full.color-thirdary div.layoutBlockContainer div.layoutBlock,
.geb--full.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.geb.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .geb.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.geb--full.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.geb--full.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.geb.color-fourth,
.geb--full.color-fourth {
  background: #FFFFFF;
}

.geb.color-fourth div.layoutBlockContainer div.layoutBlock, .geb.color-fourth div.js-li-wrapper--container div.layoutBlock,
.geb--full.color-fourth div.layoutBlockContainer div.layoutBlock,
.geb--full.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.geb.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .geb.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.geb--full.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.geb--full.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.geb .concertinaList {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 2.68109% 0 2.72109%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.geb--full .layoutBlockContainer, .geb--full .js-li-wrapper--container {
  max-width: 100%;
  padding: 0;
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 64rem) {
  .geb .concertinaList {
    padding: 0;
  }
}

/*---------------------------*  MAJ LM 12/09/2016 - 18:45
\*---------------------------*/
/**
 * @name HESTIA
 * Design block PUB.
 *
*/
.hestia {
  background: #FFFFFF;
}

.hestia div.layoutBlockContainer div.layoutBlock, .hestia div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  text-align: center !important;
}

.hestia div.layoutBlockContainer div.layoutBlock img, .hestia div.js-li-wrapper--container div.layoutBlock img {
  width: 300px;
}

@media (max-width: 50rem) {
  .hestia div.layoutBlockContainer div.layoutBlock.layoutBlock-1, .hestia div.js-li-wrapper--container div.layoutBlock.layoutBlock-1 {
    margin-bottom: 7%;
  }
}

@media (max-width: 37.5rem) {
  .hestia div.layoutBlockContainer div.layoutBlock.layoutBlock-2, .hestia div.js-li-wrapper--container div.layoutBlock.layoutBlock-2 {
    margin-bottom: 7%;
  }
}

.hestia.color-secondary {
  background: #FFFFFF;
}

.hestia.color-secondary div.layoutBlockContainer div.layoutBlock, .hestia.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
}

.hestia.color-thirdary {
  background: #FFFFFF;
}

.hestia.color-thirdary div.layoutBlockContainer div.layoutBlock, .hestia.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
}

.hestia.color-fourth {
  background: #FFFFFF;
}

.hestia.color-fourth div.layoutBlockContainer div.layoutBlock, .hestia.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
}

/*---------------------------*  MAJ LM 12/09/2016 - 18:45
\*---------------------------*/
/**
 * @name HAPY
 * Design block Dynamic.
 *
*/
/*** Scrolling Partenaires ***/
.hapy {
  background: #FFFFFF;
  width: 100% !important;
  height: 150px;
  margin: 0;
  padding: 4% 0;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.hapy > div {
  margin: 0 auto;
  max-width: 1470px;
  width: 100% !important;
  padding: 0 2.68109% 0 2.72109%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative !important;
}

.hapy .hapy {
  padding: 0;
}

.hapy h2 {
  color: #404040;
  text-align: center;
  padding: 0 0 20px;
  margin: 0;
}

.hapy ul.concertinaList {
  cursor: move;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

.hapy ul.concertinaList li {
  text-align: center;
  vertical-align: middle;
}

.hapy ul.concertinaList + .concertinaList {
  height: 100px;
}

.hapy div.layoutBlockContainer .layoutBlock .more, .hapy div.js-li-wrapper--container .layoutBlock .more,
.hapy div.layoutBlockContainer .layoutBlock .clear,
.hapy div.js-li-wrapper--container .layoutBlock .clear,
.hapy div.layoutBlockContainer .layoutBlock .feedItems,
.hapy div.js-li-wrapper--container .layoutBlock .feedItems {
  display: none;
}

.hapy.color-secondary {
  background: #FFFFFF;
}

.hapy.color-secondary div.layoutBlockContainer div.layoutBlock, .hapy.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
}

.hapy.color-secondary div.layoutBlockContainer div.layoutBlock h2, .hapy.color-secondary div.js-li-wrapper--container div.layoutBlock h2 {
  color: #FFFFFF;
}

.hapy.color-thirdary {
  background: #FFFFFF;
}

.hapy.color-thirdary div.layoutBlockContainer div.layoutBlock, .hapy.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
}

.hapy.color-thirdary div.layoutBlockContainer div.layoutBlock h2, .hapy.color-thirdary div.js-li-wrapper--container div.layoutBlock h2 {
  color: #404040;
}

.hapy.color-fourth {
  background: #FFFFFF;
}

.hapy.color-fourth div.layoutBlockContainer div.layoutBlock, .hapy.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
}

.hapy.color-fourth div.layoutBlockContainer div.layoutBlock h2, .hapy.color-fourth div.js-li-wrapper--container div.layoutBlock h2 {
  color: #FFFFFF;
}

/*---------------------------*  MAJ LM 27/01/2017 - 18:45
\*---------------------------*/
/**
 * @name HADES
 * Design block Dynamic.
 *
*/
/*** Scrolling Partenaires ***/
.hades {
  background: #FFFFFF;
  padding: 0;
}

.hades > .hadesChildren {
  margin: 0 auto;
  max-width: 1518px;
  padding: 0 65px 0 65px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.hades > .hadesChildren > h2 {
  color: #404040;
  margin: 0;
  padding-bottom: 2%;
  text-align: center;
}

.hades > .hadesChildren div.layoutBlockContainer, .hades > .hadesChildren div.js-li-wrapper--container {
  max-width: 100%;
}

.hades > .hadesChildren div.layoutBlockContainer .layoutBlock, .hades > .hadesChildren div.js-li-wrapper--container .layoutBlock {
  padding: 0 10px;
  width: 100%;
}

.hades > .hadesChildren div.layoutBlockContainer .layoutBlock h2, .hades > .hadesChildren div.js-li-wrapper--container .layoutBlock h2 {
  color: #404040;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0;
  padding: 3% 0 4%;
}

.hades > .hadesChildren .owl-nav {
  height: 0;
  margin: 0 !important;
}

.hades > .hadesChildren .owl-nav .owl-prev,
.hades > .hadesChildren .owl-nav .owl-next {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 5px -564px;
  position: absolute;
  top: 50%;
  padding: 0;
  margin: -20px -20px 0;
  outline: 0;
  width: 45px;
  height: 62px;
  text-indent: -9999px;
  opacity: 1;
}

.hades > .hadesChildren .owl-nav .owl-prev:hover,
.hades > .hadesChildren .owl-nav .owl-next:hover {
  opacity: 0.5 !important;
}

.hades > .hadesChildren .owl-nav .owl-prev {
  left: 2%;
}

.hades > .hadesChildren .owl-nav .owl-next {
  background-position: -37px -564px;
  right: 2%;
}

.hades.color-secondary {
  background: #FFFFFF;
}

.hades.color-secondary > .hadesChildren > h2 {
  color: #FFFFFF;
}

.hades.color-secondary > .hadesChildren div.layoutBlockContainer div.layoutBlock, .hades.color-secondary > .hadesChildren div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.hades.color-secondary > .hadesChildren div.layoutBlockContainer div.layoutBlock > h2, .hades.color-secondary > .hadesChildren div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

.hades.color-thirdary {
  background: #FFFFFF;
}

.hades.color-thirdary > .hadesChildren > h2 {
  color: #404040;
}

.hades.color-thirdary > .hadesChildren div.layoutBlockContainer div.layoutBlock, .hades.color-thirdary > .hadesChildren div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.hades.color-thirdary > .hadesChildren div.layoutBlockContainer div.layoutBlock > h2, .hades.color-thirdary > .hadesChildren div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #404040;
}

.hades.color-fourth {
  background: #FFFFFF;
}

.hades.color-fourth > .hadesChildren > h2 {
  color: #FFFFFF;
}

.hades.color-fourth > .hadesChildren div.layoutBlockContainer div.layoutBlock, .hades.color-fourth > .hadesChildren div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.hades.color-fourth > .hadesChildren div.layoutBlockContainer div.layoutBlock > h2, .hades.color-fourth > .hadesChildren div.js-li-wrapper--container div.layoutBlock > h2 {
  color: #FFFFFF;
}

/*---------------------------*  MAJ LM 08/08/2016 - 18:45
\*---------------------------*/
/**
 * @name ODIN
 * Design block PUB.
 *
*/
.odin div.layoutBlockContainer, .odin div.js-li-wrapper--container {
  text-align: center;
  padding: 1% 0%;
}

/*---------------------------*  MAJ LM 12/09/2016 - 18:45
\*---------------------------*/
/**
 * @name OPHOIS
 * Design block Dynamic.
 *
*/
.ophois,
.ophois--full,
.ophois--black {
  background: #FFFFFF;
}

.ophois > h2,
.ophois--full > h2,
.ophois--black > h2 {
  display: none;
}

.ophois div.layoutBlockContainer, .ophois div.js-li-wrapper--container,
.ophois--full div.layoutBlockContainer,
.ophois--full div.js-li-wrapper--container,
.ophois--black div.layoutBlockContainer,
.ophois--black div.js-li-wrapper--container {
  width: 100%;
}

.ophois div.layoutBlockContainer div.layoutBlock, .ophois div.js-li-wrapper--container div.layoutBlock,
.ophois--full div.layoutBlockContainer div.layoutBlock,
.ophois--full div.js-li-wrapper--container div.layoutBlock,
.ophois--black div.layoutBlockContainer div.layoutBlock,
.ophois--black div.js-li-wrapper--container div.layoutBlock {
  background: #FFFFFF;
  width: 100%;
}

.ophois div.layoutBlockContainer div.layoutBlock > h2, .ophois div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--full div.layoutBlockContainer div.layoutBlock > h2,
.ophois--full div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--black div.layoutBlockContainer div.layoutBlock > h2,
.ophois--black div.js-li-wrapper--container div.layoutBlock > h2 {
  color: white;
  font-weight: 400;
  margin: 0;
  padding: 17px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.ophois .owl-nav,
.ophois--full .owl-nav,
.ophois--black .owl-nav {
  height: 0;
  margin: 0 !important;
}

.ophois .owl-nav .owl-prev,
.ophois .owl-nav .owl-next,
.ophois--full .owl-nav .owl-prev,
.ophois--full .owl-nav .owl-next,
.ophois--black .owl-nav .owl-prev,
.ophois--black .owl-nav .owl-next {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 5px -564px;
  position: absolute;
  top: 50%;
  padding: 0;
  margin: -20px -20px 0;
  outline: 0;
  width: 39px;
  height: 61px;
  text-indent: -9999px;
  opacity: 1;
}

.ophois .owl-nav .owl-prev:hover,
.ophois .owl-nav .owl-next:hover,
.ophois--full .owl-nav .owl-prev:hover,
.ophois--full .owl-nav .owl-next:hover,
.ophois--black .owl-nav .owl-prev:hover,
.ophois--black .owl-nav .owl-next:hover {
  opacity: 0.5 !important;
}

.ophois .owl-nav .owl-prev,
.ophois--full .owl-nav .owl-prev,
.ophois--black .owl-nav .owl-prev {
  left: 4%;
}

.ophois .owl-nav .owl-next,
.ophois--full .owl-nav .owl-next,
.ophois--black .owl-nav .owl-next {
  background-position: -37px -564px;
  right: 4%;
}

.ophois.color-secondary,
.ophois--full.color-secondary,
.ophois--black.color-secondary {
  background: #FFFFFF;
}

.ophois.color-secondary div.layoutBlockContainer div.layoutBlock, .ophois.color-secondary div.js-li-wrapper--container div.layoutBlock,
.ophois--full.color-secondary div.layoutBlockContainer div.layoutBlock,
.ophois--full.color-secondary div.js-li-wrapper--container div.layoutBlock,
.ophois--black.color-secondary div.layoutBlockContainer div.layoutBlock,
.ophois--black.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.ophois.color-secondary div.layoutBlockContainer div.layoutBlock > h2, .ophois.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--full.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.ophois--full.color-secondary div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--black.color-secondary div.layoutBlockContainer div.layoutBlock > h2,
.ophois--black.color-secondary div.js-li-wrapper--container div.layoutBlock > h2 {
  background: #00a683;
  color: #FFFFFF;
}

.ophois.color-thirdary,
.ophois--full.color-thirdary,
.ophois--black.color-thirdary {
  background: #FFFFFF;
}

.ophois.color-thirdary div.layoutBlockContainer div.layoutBlock, .ophois.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.ophois--full.color-thirdary div.layoutBlockContainer div.layoutBlock,
.ophois--full.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.ophois--black.color-thirdary div.layoutBlockContainer div.layoutBlock,
.ophois--black.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.ophois.color-thirdary div.layoutBlockContainer div.layoutBlock > h2, .ophois.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--full.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.ophois--full.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--black.color-thirdary div.layoutBlockContainer div.layoutBlock > h2,
.ophois--black.color-thirdary div.js-li-wrapper--container div.layoutBlock > h2 {
  background: #e1e3e4;
  color: #404040;
}

.ophois.color-fourth,
.ophois--full.color-fourth,
.ophois--black.color-fourth {
  background: #FFFFFF;
}

.ophois.color-fourth div.layoutBlockContainer div.layoutBlock, .ophois.color-fourth div.js-li-wrapper--container div.layoutBlock,
.ophois--full.color-fourth div.layoutBlockContainer div.layoutBlock,
.ophois--full.color-fourth div.js-li-wrapper--container div.layoutBlock,
.ophois--black.color-fourth div.layoutBlockContainer div.layoutBlock,
.ophois--black.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.ophois.color-fourth div.layoutBlockContainer div.layoutBlock > h2, .ophois.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--full.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.ophois--full.color-fourth div.js-li-wrapper--container div.layoutBlock > h2,
.ophois--black.color-fourth div.layoutBlockContainer div.layoutBlock > h2,
.ophois--black.color-fourth div.js-li-wrapper--container div.layoutBlock > h2 {
  background: #1e2977;
  color: #FFFFFF;
}

.ophois .concertinaList {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 2.68109% 0 2.72109%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ophois--black .concertinaList.owl-carousel {
  max-width: 1470px;
  margin: 0 auto;
}

.ophois--full .layoutBlockContainer, .ophois--full .js-li-wrapper--container {
  max-width: 100%;
  padding: 0;
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 64rem) {
  .ophois .concertinaList.owl-carousel {
    padding: 0;
  }
}

/*---------------------------*  MAJ LM 22/08/2017 - 18:45
\*---------------------------*/
/**
 * @name Loki
 * Design block Dynamic.
 *
*/
.loki.c-03 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
  width: 33.333%;
}

@media (max-width: 91.875rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 64rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 50rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 25rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

@media (max-width: 20rem) {
  .loki.c-03 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-03 div.layoutBlockContainer div.layoutBlock, .loki.c-03 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-03 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-04 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
  width: 25%;
}

@media (max-width: 91.875rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 25%;
  }
}

@media (max-width: 64rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 50rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 25rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-04 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-04 div.layoutBlockContainer div.layoutBlock, .loki.c-04 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-04 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-05 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
  width: 20%;
}

@media (max-width: 91.875rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 64rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 25%;
  }
}

@media (max-width: 50rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-05 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-05 div.layoutBlockContainer div.layoutBlock, .loki.c-05 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-05 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-06 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
  width: 16.66%;
}

@media (max-width: 91.875rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 64rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 25%;
  }
}

@media (max-width: 50rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-06 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-06 div.layoutBlockContainer div.layoutBlock, .loki.c-06 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-06 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-07 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
  width: 14.28%;
}

@media (max-width: 91.875rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 16.6%;
  }
}

@media (max-width: 64rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 50rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 25%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-07 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-07 div.layoutBlockContainer div.layoutBlock, .loki.c-07 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-07 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-08 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
  width: 12.5%;
}

@media (max-width: 91.875rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 16.6%;
  }
}

@media (max-width: 64rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 50rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-08 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-08 div.layoutBlockContainer div.layoutBlock, .loki.c-08 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-08 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-09 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
  width: 11.11%;
}

@media (max-width: 91.875rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 12.5%;
  }
}

@media (max-width: 64rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 16.6%;
  }
}

@media (max-width: 50rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-09 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-09 div.layoutBlockContainer div.layoutBlock, .loki.c-09 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-09 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki.c-10 div.layoutBlockContainer div.layoutBlock,
.loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
.loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
  width: 10%;
}

@media (max-width: 91.875rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 12.5%;
  }
}

@media (max-width: 64rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 16.6%;
  }
}

@media (max-width: 50rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 20%;
  }
}

@media (max-width: 37.5rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 33%;
  }
}

@media (max-width: 25rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 50%;
  }
}

@media (max-width: 20rem) {
  .loki.c-10 div.layoutBlockContainer div.layoutBlock,
  .loki--full.c-10 div.layoutBlockContainer div.layoutBlock, .loki.c-10 div.js-li-wrapper--container div.layoutBlock,
  .loki--full.c-10 div.js-li-wrapper--container div.layoutBlock {
    width: 100%;
  }
}

.loki,
.loki--full {
  background: #FFFFFF;
}

.loki ul.concertinaList li,
.loki--full ul.concertinaList li {
  display: inline;
}

.loki > h2,
.loki--full > h2 {
  display: none;
}

.loki div.layoutBlockContainer, .loki div.js-li-wrapper--container,
.loki--full div.layoutBlockContainer,
.loki--full div.js-li-wrapper--container {
  padding: 0;
  width: auto;
  max-width: 100%;
  display: inline;
}

.loki div.layoutBlockContainer div.layoutBlock, .loki div.js-li-wrapper--container div.layoutBlock,
.loki--full div.layoutBlockContainer div.layoutBlock,
.loki--full div.js-li-wrapper--container div.layoutBlock {
  float: left;
}

.loki div.layoutBlockContainer div.layoutBlock > h2, .loki div.js-li-wrapper--container div.layoutBlock > h2,
.loki--full div.layoutBlockContainer div.layoutBlock > h2,
.loki--full div.js-li-wrapper--container div.layoutBlock > h2 {
  background: rgba(0, 0, 0, 0.46);
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
  padding: 17px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.loki div.layoutBlockContainer:after, .loki div.js-li-wrapper--container:after, .loki div.layoutBlockContainer:before, .loki div.js-li-wrapper--container:before,
.loki--full div.layoutBlockContainer:after,
.loki--full div.js-li-wrapper--container:after,
.loki--full div.layoutBlockContainer:before,
.loki--full div.js-li-wrapper--container:before {
  content: '';
  display: block;
  clear: none;
}

.loki.color-secondary,
.loki--full.color-secondary {
  background: #FFFFFF;
}

.loki.color-secondary div.layoutBlockContainer div.layoutBlock, .loki.color-secondary div.js-li-wrapper--container div.layoutBlock,
.loki--full.color-secondary div.layoutBlockContainer div.layoutBlock,
.loki--full.color-secondary div.js-li-wrapper--container div.layoutBlock {
  background: #00a683;
  color: #FFFFFF;
}

.loki.color-thirdary,
.loki--full.color-thirdary {
  background: #FFFFFF;
}

.loki.color-thirdary div.layoutBlockContainer div.layoutBlock, .loki.color-thirdary div.js-li-wrapper--container div.layoutBlock,
.loki--full.color-thirdary div.layoutBlockContainer div.layoutBlock,
.loki--full.color-thirdary div.js-li-wrapper--container div.layoutBlock {
  background: #e1e3e4;
  color: #404040;
}

.loki.color-fourth,
.loki--full.color-fourth {
  background: #FFFFFF;
}

.loki.color-fourth div.layoutBlockContainer div.layoutBlock, .loki.color-fourth div.js-li-wrapper--container div.layoutBlock,
.loki--full.color-fourth div.layoutBlockContainer div.layoutBlock,
.loki--full.color-fourth div.js-li-wrapper--container div.layoutBlock {
  background: #1e2977;
  color: #FFFFFF;
}

.loki:after, .loki:before,
.loki--full:after,
.loki--full:before {
  content: '';
  display: block;
  clear: both;
}

.loki .clear,
.loki--full .clear {
  clear: none;
}

.loki .concertinaList {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 2.68109% 0 2.72109%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*------------------------------------*    Media queries from 400px
\*------------------------------------*/
@media (max-width: 64rem) {
  .loki .concertinaList.owl-carousel {
    padding: 0;
  }
}

.hermes--left div.layoutBlock a, .hermes--right div.layoutBlock a,
.sobek div.layoutBlock a, .sobek--full div.layoutBlock a,
.amon--first div.layoutBlock a, .amon--second div.layoutBlock a,
.zeus--first div.layoutBlock a, .zeus-second div.layoutBlock a,
.cronos div.layoutBlock a,
.loki div.layoutBlock a,
.geb--full div.layoutBlock a, .geb div.layoutBlock a,
.anat--first div.layoutBlock a, .anat--second div.layoutBlock a {
  overflow: hidden;
}

.hermes--left div.layoutBlock a img, .hermes--right div.layoutBlock a img,
.sobek div.layoutBlock a img, .sobek--full div.layoutBlock a img,
.amon--first div.layoutBlock a img, .amon--second div.layoutBlock a img,
.zeus--first div.layoutBlock a img, .zeus-second div.layoutBlock a img,
.cronos div.layoutBlock a img,
.loki div.layoutBlock a img,
.geb--full div.layoutBlock a img, .geb div.layoutBlock a img,
.anat--first div.layoutBlock a img, .anat--second div.layoutBlock a img {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

.hermes--left div.layoutBlock a img:hover, .hermes--right div.layoutBlock a img:hover,
.sobek div.layoutBlock a img:hover, .sobek--full div.layoutBlock a img:hover,
.amon--first div.layoutBlock a img:hover, .amon--second div.layoutBlock a img:hover,
.zeus--first div.layoutBlock a img:hover, .zeus-second div.layoutBlock a img:hover,
.cronos div.layoutBlock a img:hover,
.loki div.layoutBlock a img:hover,
.geb--full div.layoutBlock a img:hover, .geb div.layoutBlock a img:hover,
.anat--first div.layoutBlock a img:hover, .anat--second div.layoutBlock a img:hover {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

/************************/
/*---------------------------*  MAJ LM 08/08/2016 - 18:45
\*---------------------------*/
/**
 * @name HELPERS TEMPLATE
 * Design block (statique & Dinamic).
 *
*/
.first--pub div.layoutBlockContainer div.layoutBlock-1, .first--pub div.js-li-wrapper--container div.layoutBlock-1 {
  text-align: center;
}

.first--pub div.layoutBlockContainer div.layoutBlock-1 .unmanagedContent, .first--pub div.js-li-wrapper--container div.layoutBlock-1 .unmanagedContent {
  padding: 0;
}

.last--pub div.layoutBlockContainer div.layoutBlock-3, .last--pub div.js-li-wrapper--container div.layoutBlock-3 {
  text-align: center;
}

.last--pub div.layoutBlockContainer div.layoutBlock-3 .unmanagedContent, .last--pub div.js-li-wrapper--container div.layoutBlock-3 .unmanagedContent {
  padding: 0;
}

.c-100--full div.layoutBlockContainer, .c-100--full div.js-li-wrapper--container {
  float: none;
  max-width: 100%;
  width: 100%;
}

.c-100--full div.layoutBlockContainer div.layoutBlock, .c-100--full div.js-li-wrapper--container div.layoutBlock {
  float: none;
  display: block;
  width: 100%;
  margin-left: 0;
}

/*---------------------------*  MAJ LM 27/05/2016 - 19:00
\*---------------------------*/
/*------------------------------------*	#LAYOUT #FOOTER
\*------------------------------------*/
#footer {
  background: #FFFFFF;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
}

#footer .extendedContainer {
  max-width: 1470px;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0.75% 0 0.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e2007a;
}

#footer .extendedContainer ul {
  float: none;
  margin: 0;
}

#footer .extendedContainer a {
  color: #FFFFFF;
  font: 400 100%/1.5 "MontSerrat", "Helvetica Neue", FontAwesome, Helvetica, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}

#footer .extendedContainer.vertical.oneNavLevel .unmanagedContent {
  float: right;
  position: relative;
  left: inherit;
  top: inherit;
  width: 78%;
}

@media (max-width: 58.75rem) {
  #footer .extendedContainer.vertical.oneNavLevel .unmanagedContent {
    width: 74%;
  }
}

@media (max-width: 50rem) {
  #footer .extendedContainer.vertical.oneNavLevel .unmanagedContent {
    width: 65%;
  }
}

#footer ul {
  float: none;
  margin: 0 auto;
}

#footer ul li {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
}

#footer span.copyright {
  display: block;
  float: none;
  margin: 0;
}

#footer #footerNavigation {
  float: right;
  width: 22%;
}

@media (max-width: 58.75rem) {
  #footer #footerNavigation {
    width: 26%;
  }
}

@media (max-width: 50rem) {
  #footer #footerNavigation {
    width: 35%;
  }
}

#footer #footerNavigation ul.level1 {
  width: auto;
  background: transparent;
  height: inherit !important;
  padding-bottom: 30px;
  padding-left: 17%;
}

@media (max-width: 37.5rem) {
  #footer #footerNavigation {
    float: none;
    width: 100%;
  }
  #footer #footerNavigation ul.level1 {
    padding-left: 0;
  }
  #footer .extendedContainer.vertical.oneNavLevel .unmanagedContent {
    float: none;
    width: 100%;
  }
}

.footer {
  padding-bottom: 30px;
}

.footer__links {
  padding: 0 0 0 8%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 32.8%;
}

.footer__links:first-child {
  padding: 0;
}

.footer__links li {
  color: #FFFFFF;
}

.footer__links li a {
  color: #FFFFFF;
}

.footer__links li.footer-img {
  background: url(/REF/REF_LivreParis/images/2019_LP/footer/logo-footer-2019.png) no-repeat center;
  width: 100%;
  height: 219px;
  margin: 0 auto;
  padding: 0;
}

.footer__links__title {
  padding: 28px 0 0;
}

.footer__links__title:first-child {
  padding: 0;
}

.footer__links__title h4 {
  color: #FFFFFF;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}

ul.footer__links {
  padding-left: 3%;
}

@media (max-width: 58.75rem) {
  .footer__links {
    padding-left: 10%;
    width: 55%;
  }
  .footer__links:first-child {
    padding: 0 0 30px 4%;
    width: 45%;
  }
  .footer__links:last-child {
    padding: 0 0 0 4%;
    width: 40.8%;
  }
}

@media (max-width: 50rem) {
  .footer__links {
    display: block;
    width: 100%;
    padding: 0 0 30px 0;
  }
  .footer__links:first-child {
    padding: 0 0 30px 0;
    width: 100%;
  }
  .footer__links:last-child {
    padding: 0;
    width: 100%;
  }
  ul.footer__links {
    padding-left: 0;
  }
}

.footerBottom {
  background: #e2007a;
  border-top: 1px solid #e2007a;
  max-width: 1470px;
  margin: 0 auto;
  overflow: hidden;
  padding: 30px 0.75% 15px 0.75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.footerBottom ul {
  padding: 0 0 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top;
  width: 49.8%;
}

.footerBottom ul li a {
  display: block;
}

.footerBottom .footerBottom__company li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.footerBottom .footerBottom__company li:nth-child(3n+2) {
  padding: 0 45px;
}

.footerBottom .footerBottom__reseaux {
  text-align: right;
}

.footerBottom .footerBottom__reseaux li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

.footerBottom .footerBottom__reseaux a {
  background: url("/REF/REF_LivreParis/images/2017-LP/icons/sprite-v4.png") no-repeat 11px 7px;
  color: transparent;
  display: block;
  font-size: 0px;
  padding: 17px 17px;
}

.footerBottom .footerBottom__reseaux__tag a {
  background: transparent;
  color: #FFFFFF;
  font-size: 16px;
  width: auto;
  padding: 6px 3px 0 0;
}

.footerBottom .footerBottom__reseaux__tag a:hover {
  color: #FFFFFF;
}

.footerBottom .footerBottom__reseaux__fa {
  margin: 0;
}

.footerBottom .footerBottom__reseaux__fa a {
  background-position: 5px 8px;
}

.footerBottom .footerBottom__reseaux__fa a:hover {
  background-position: -163px 8px;
}

.footerBottom .footerBottom__reseaux__tw a {
  background-position: 0px -20px;
}

.footerBottom .footerBottom__reseaux__tw a:hover {
  background-position: -168px -20px;
}

.footerBottom .footerBottom__reseaux__it a {
  background-position: 3px -49px;
}

.footerBottom .footerBottom__reseaux__it a:hover {
  background-position: -166px -49px;
}

.footerBottom .footerBottom__reseaux__pt a {
  background-position: 3px -83px;
}

.footerBottom .footerBottom__reseaux__pt a:hover {
  background-position: -166px -83px;
}

.footerBottom .footerBottom__reseaux__sn a {
  background-position: 4px -116px;
}

.footerBottom .footerBottom__reseaux__sn a:hover {
  background-position: -165px -116px;
}

.footerBottom .footerBottom__reseaux__gp a {
  background-position: 5px -149px;
}

.footerBottom .footerBottom__reseaux__gp a:hover {
  background-position: -164px -149px;
}

.footerBottom .footerBottom__reseaux__yt a {
  background-position: 3px -181px;
}

.footerBottom .footerBottom__reseaux__yt a:hover {
  background-position: -166px -181px;
}

.footerBottom .footerBottom__reseaux__lk a {
  background-position: 5px -218px;
}

.footerBottom .footerBottom__reseaux__lk a:hover {
  background-position: -164px -218px;
}

.footerBottom__last {
  background: #FFFFFF;
}

.footerBottom__last ul {
  max-width: 1470px;
  margin: 0 auto;
  overflow: hidden;
  padding: 11px 10px 12px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
}

@media (max-width: 50rem) {
  .footerBottom ul {
    width: 100%;
    padding: 0;
  }
  .footerBottom .footerBottom__reseaux {
    text-align: left;
    padding: 25px 0 0 0;
  }
}

@media (max-width: 37.5rem) {
  .footerBottom .footerBottom__company li:nth-child(3n+2) {
    padding: 0 10px;
  }
}

@media (max-width: 25rem) {
  .footerBottom .footerBottom__company li:last-child {
    margin-top: 15px !important;
  }
}

/**
 * Externals
 */
/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-stage,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/**
* Plug-in - Countdown
* File - countdown css 
**/
.countdown-container {
  float: right;
  padding-top: 7px;
  position: relative;
  margin-right: 0;
}

.clock-item {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 72px;
  height: 72px;
}

.clock-item .inner {
  height: 0px;
  padding-bottom: 10%;
  position: relative;
  width: 100%;
}

.clock-canvas {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  height: 0px;
  padding-bottom: 100%;
}

.textCountdown {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  width: 100%;
}

.textCountdown .val {
  font-size: 26px;
}

.textCountdown .type-time {
  font-size: 11px;
}

.textCountdown p {
  margin: 0;
  line-height: 1.5;
}

.clock.row:before {
  display: inline-block;
}

/**
* Plug-in - Countdown Overrides
* @author - Leandro Marques
* File - countdown css 
**/
.header__col-02__countdown {
  padding: 0;
}

.clock-item {
  vertical-align: top;
  width: 44px;
  height: 50px;
}

.clock-days {
  width: 74px;
}

#canvas-days {
  border-right: 1px solid #FFF;
  padding-bottom: 60%;
}

.clock-canvas {
  background-color: transparent;
  border-radius: 0;
  padding-bottom: 60%;
}

.textCountdown {
  top: 0%;
  text-shadow: inherit;
  font-family: "", Arial, sans-serif;
}

.textCountdown .val {
  color: #fAC329;
  line-height: 1.2;
  text-shadow: 2px 2px 5px black;
}

.textCountdown .type-time {
  color: #FFF;
}

.countdown__point {
  color: #fAC329;
  text-shadow: 2px 2px 5px black;
  vertical-align: top;
  font-size: 26px;
  line-height: 1.2;
}

/*---------------------------*  
  MAJ LM 02/06/2016 - 18:45
  \*---------------------------*/
/*** Variables****/
/********* Arche Design ************/
.design-arch {
  text-align: center;
  max-height: 250px;
}

.design-arch div.overrideArch > div {
  background: url("/REF/REF_LivreParis/images/2017-LP/habillage/habillage-desktop.png") no-repeat center 0;
  height: 100%;
}

.design-arch div.overrideArch ins {
  position: static !important;
  width: 100% !important;
}

.design-arch div.overrideArch iframe {
  background: transparent;
  max-height: 480px;
  max-width: 100%;
}

@media (max-width: 64rem) {
  .design-arch div.overrideArch div {
    background: url("/REF/REF_LivreParis/images/2017-LP/habillage/habillage-tablette.png") no-repeat center 0;
  }
  .design-arch div.overrideArch iframe {
    max-height: 250px;
  }
}

@media (max-width: 37.5rem) {
  .design-arch div.overrideArch div {
    background: url("/REF/REF_LivreParis/images/2017-LP/habillage/habillage-mobile.png") no-repeat center 0;
  }
  .design-arch div.overrideArch iframe {
    max-height: 150px;
  }
}

@media screen and (min-width: 1470px) {
  .design-arch.active + #header {
    background: transparent;
    max-width: 1470px;
    margin: 0 auto;
    padding-left: 2.72109%;
    padding-right: 2.72109%;
    box-sizing: border-box;
  }
  .design-arch.active + #header #brand {
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
  }
  .design-arch.active + #header #topNavigation ul.level1 {
    padding: 0 0 0 10px;
  }
}