@charset "UTF-8";
/*************************************************************************************
  Import tous les fichiers _name.scss de base.
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/*********************************************************************************
 _    _             _       _                      _   _
| |  | |           (_)     | |                    | | (_)
| | _| | ___  ___   _ _ __ | |_ ___ _ __ __ _  ___| |_ ___   _____
| |/ / |/ _ \/ _ \ | | '_ \| __/ _ \ '__/ _` |/ __| __| \ \ / / _ \
|   <| |  __/  __/ | | | | | ||  __/ | | (_| | (__| |_| |\ V /  __/
|_|\_\_|\___|\___| |_|_| |_|\__\___|_|  \__,_|\___|\__|_| \_/ \___|

*********************************************************************************/
/**
 * @file
 * Nomalize Styling
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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: bold; }

/**
 * 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 {
  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; }

/**
 * 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: 0; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * 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 {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 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; }

/**
 * @file
 * Breakpoint Variables
 */
/**
 * @file
 * Font Variables
 */
/*$body_font : "Arial";*/
@font-face {
  font-family: 'Berthold';
  src: url("../fonts/WalbaumBook-Regular.eot");
  src: url("../fonts/WalbaumBook-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/WalbaumBook-Regular.woff") format("woff"), url("../fonts/WalbaumBook-Regular.ttf") format("truetype"), url("../fonts/WalbaumBook-Regular.svg#WalbaumBook-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

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

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

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Light.eot");
  src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-Medium.eot");
  src: url("../fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-SemiBold.eot");
  src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

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

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

@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Barlow-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Barlow-Regular.ttf") format("truetype"), url("../fonts/Barlow-Regular.woff") format("woff"), url("../fonts/Barlow-Regular.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Barlow';
  src: url("../fonts/Barlow-SemiBold.eot");
  src: url("../fonts/Barlow-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Barlow-SemiBold.woff2") format("woff2"), url("../fonts/Barlow-SemiBold.woff") format("woff"), url("../fonts/Barlow-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Barlow-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Barlow-Bold.ttf") format("truetype"), url("../fonts/Barlow-Bold.woff") format("woff"), url("../fonts/Barlow-Bold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-ExtraBold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Barlow-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Barlow-ExtraBold.ttf") format("truetype"), url("../fonts/Barlow-ExtraBold.woff") format("woff"), url("../fonts/Barlow-ExtraBold.woff2") format("woff2");
  /* Modern Browsers */
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Gill Sans';
  src: url("../fonts/GillSans-Light.eot");
  src: url("../fonts/GillSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GillSans-Light.woff2") format("woff2"), url("../fonts/GillSans-Light.woff") format("woff"), url("../fonts/GillSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

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

@font-face {
  font-family: 'Gill Sans';
  src: url("../fonts/GillSans-SemiBold.eot");
  src: url("../fonts/GillSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GillSans-SemiBold.woff2") format("woff2"), url("../fonts/GillSans-SemiBold.woff") format("woff"), url("../fonts/GillSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

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

@font-face {
  font-family: 'Gill Sans';
  src: url("../fonts/GillSans-UltraBold.eot");
  src: url("../fonts/GillSans-UltraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/GillSans-UltraBold.woff2") format("woff2"), url("../fonts/GillSans-UltraBold.woff") format("woff"), url("../fonts/GillSans-UltraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

/**
 * @file
 * Font Variables
 */
/*$body_font : "Arial";*/
@font-face {
  font-family: "icomoon";
  src: url("../icons/icomoon.eot?7x3d2v");
  src: url("../icons/icomoon.eot?7x3d2v#iefix") format("embedded-opentype"), url("../icons/icomoon.ttf?7x3d2v") format("truetype"), url("../icons/icomoon.woff?7x3d2v") format("woff"), url("../icons/icomoon.svg?7x3d2v#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-filter:before {
  content: ""; }

.icon-file-copy-line:before {
  content: ""; }

.icon-calendar:before {
  content: ""; }

.icon-burger:before {
  content: ""; }

.icon-burger-close:before {
  content: ""; }

.icon-check:before {
  content: ""; }

.icon-comment:before {
  content: ""; }

.icon-like:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-facebook:before {
  content: ""; }

.icon-instagram:before {
  content: ""; }

.icon-linkedin:before {
  content: ""; }

.icon-twitter:before {
  content: ""; }

.icon-youtube:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-move:before {
  content: ""; }

.icon-arrow-bloc-info:before {
  content: ""; }

.icon-public:before {
  content: ""; }

.icon-file:before {
  content: ""; }

.icon-alert:before {
  content: ""; }

.icon-download-line:before {
  content: ""; }

.icon-file-pdf:before {
  content: ""; }

.icon-hours-orangerie:before {
  content: ""; }

.icon-localisation-orangerie:before {
  content: ""; }

.icon-tarif-orangerie:before {
  content: ""; }

.icon-map:before {
  content: ""; }

.icon-tarif:before {
  content: ""; }

.icon-help:before {
  content: ""; }

.icon-plus:before {
  content: ""; }

.icon-arrow-slider-orangerie:before {
  content: ""; }

.icon-title:before {
  content: ""; }

.icon-arrow-right-orangerie:before {
  content: ""; }

.icon-arrow-right-orsay:before {
  content: ""; }

.icon-duration:before {
  content: ""; }

.icon-hours:before {
  content: ""; }

.icon-location:before {
  content: ""; }

.icon-price:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

/**
 * @file
 * Color Variables
 */
/**
 * @file
 * Breakpoint Variables
 */
/*************************************************************************************
  Styles typographiques récurrents pouvant être appliqués avec la méthode @extend
****************************************************************************************/
/************** HEADING **********************/
.heading1,
h1 {
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.6rem; }
  @media screen and (max-width: 991px) {
    .heading1,
    h1 {
      font-size: 3.5rem;
      line-height: 4rem; } }

.heading2,
h2,
.paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-title,
.paragraph--type--collection-text-block .title {
  font-size: 6.1rem;
  line-height: 4rem;
  margin: 60px 0;
  margin-left: 100px;
  font-weight: normal; }
  @media screen and (max-width: 767px) {
    .heading2,
    h2,
    .paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-title,
    .paragraph--type--collection-text-block .title {
      margin-left: 0;
      font-size: 4.5rem;
      line-height: 3rem; } }

.heading3,
h3,
.page-node-type-exhibition-event .subtitle,
.page-node-type-mediation-event .subtitle,
.page-node-type-audito-event .subtitle,
.page-node-type-article .subtitle,
.page-node-type-artwork .subtitle {
  font-weight: normal;
  font-size: 4rem;
  line-height: 1.1; }

.heading4,
h4,
.page-node-type-exhibition-event .article-wrapper .event-type,
.page-node-type-mediation-event .article-wrapper .event-type,
.page-node-type-audito-event .article-wrapper .event-type,
.page-node-type-article .article-wrapper .event-type,
.page-node-type-artwork .article-wrapper .event-type,
.view-artworks-collection .node--type-artwork .content-wrapper h2 {
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.2; }

.heading5,
h5,
.page-node-type-exhibition-event .chapo,
.page-node-type-mediation-event .chapo,
.page-node-type-audito-event .chapo,
.page-node-type-article .chapo,
.page-node-type-artwork .chapo {
  font-size: 2.2rem;
  font-weight: normal;
  line-height: 1.2; }

.heading6,
h6 {
  font-weight: 700; }

/**
 * @file
 * Custom mixins
 */
/*************************************************************************************
  Import tous les fichiers _name.scss de base.
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/**
 * @file
 * Default Html Tags Styling
 */
/* ---------------- DRUPAL DEFAULT -----------------*/
html,
body {
  padding: 0;
  margin: 0;
  font-family: "Montserrat"; }

body:before {
  content: "";
  background: rgba(255, 255, 255, 0);
  transition: background .3s ease-in-out; }

/* -------------- HEADINGS -----------------*/
/* -------------- PARAGRAPHS -----------------*/
/* -------------- BLOCKQUOTE -----------------*/
/* -------------- LIST -----------------*/
/* -------------- LISTS -----------------*/
/**
 * @file
 * Styles for system messages and progress bar.
 */
/* ---------------- Progress Bar Styling -----------------*/
.ajax-progress-fullscreen {
  width: 50px;
  height: 50px;
  padding: 0;
  opacity: 1;
  border-radius: 100%;
  background: #FFFFFF; }
  .ajax-progress-fullscreen::before {
    width: 40%;
    height: 40%;
    content: '';
    margin: -20%;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    border: 2px solid #000000;
    border-left-color: transparent;
    animation: spin 1s linear infinite; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }

/**
 * @file
 * Branding Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/*************************************************************************************
  Import tous les fichiers _name.scss liés au layout.
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/**
 * @file
 * Footer Styling
 */
#header {
  position: relative;
  z-index: 2; }

.region.region-header {
  background: #FFFFFF;
  padding: 0;
  position: relative; }
  .region.region-header .container {
    display: flex; }
    @media screen and (max-width: 991px) {
      .region.region-header .container {
        justify-content: flex-start;
        width: 100%; } }
    .region.region-header .container .menu--account .menu {
      margin: 0;
      display: flex;
      background: none; }
      .region.region-header .container .menu--account .menu .menu-item {
        padding-top: 0; }
    .region.region-header .container .menu--account a {
      color: #FFFFFF;
      text-decoration: none;
      line-height: 36px; }

.region-navigation .menu--our-other-sites,
.region-header .menu--our-other-sites {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-grow: 2;
  position: static;
  background: #FFFFFF; }
  @media screen and (max-width: 991px) {
    .region-navigation .menu--our-other-sites,
    .region-header .menu--our-other-sites {
      width: 100%;
      padding: 0 16px; } }
  .region-navigation .menu--our-other-sites .content-our-sites,
  .region-header .menu--our-other-sites .content-our-sites {
    display: none;
    width: 100%;
    padding-left: 320px;
    padding-right: 150px; }
    @media screen and (max-width: 991px) {
      .region-navigation .menu--our-other-sites .content-our-sites,
      .region-header .menu--our-other-sites .content-our-sites {
        display: block !important;
        position: static;
        padding: 0;
        margin-top: 24px; }
        .region-navigation .menu--our-other-sites .content-our-sites .title,
        .region-header .menu--our-other-sites .content-our-sites .title {
          display: block !important;
          padding: 24px 0; } }
    .region-navigation .menu--our-other-sites .content-our-sites .container,
    .region-header .menu--our-other-sites .content-our-sites .container {
      justify-content: center; }
      @media screen and (max-width: 991px) {
        .region-navigation .menu--our-other-sites .content-our-sites .container,
        .region-header .menu--our-other-sites .content-our-sites .container {
          padding: 0; } }
    .region-navigation .menu--our-other-sites .content-our-sites .menu,
    .region-header .menu--our-other-sites .content-our-sites .menu {
      display: flex;
      width: 100%;
      margin: 0; }
      @media screen and (max-width: 991px) {
        .region-navigation .menu--our-other-sites .content-our-sites .menu,
        .region-header .menu--our-other-sites .content-our-sites .menu {
          justify-content: space-around;
          margin-left: 0;
          flex-direction: row; } }
      .region-navigation .menu--our-other-sites .content-our-sites .menu .menu-item,
      .region-header .menu--our-other-sites .content-our-sites .menu .menu-item {
        padding-bottom: 10px;
        padding-top: 5px;
        margin-right: 58px;
        z-index: 21;
        position: relative; }
        @media screen and (max-width: 991px) {
          .region-navigation .menu--our-other-sites .content-our-sites .menu .menu-item,
          .region-header .menu--our-other-sites .content-our-sites .menu .menu-item {
            margin-right: 0;
            text-align: center; } }
      .region-navigation .menu--our-other-sites .content-our-sites .menu a,
      .region-header .menu--our-other-sites .content-our-sites .menu a {
        display: block; }
        .region-navigation .menu--our-other-sites .content-our-sites .menu a img,
        .region-header .menu--our-other-sites .content-our-sites .menu a img {
          width: auto;
          max-height: 72px;
          max-width: none; }

/**
 * @file
 * Footer Styling
 */
.region-footer-second {
  padding-top: 32px;
  padding-bottom: 16px;
  font-size: 1.4rem;
  line-height: 2.1rem; }
  .region-footer-second h5 {
    margin: 0;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    text-transform: uppercase; }
  .region-footer-second .d-flex {
    display: flex; }
    @media screen and (max-width: 991px) {
      .region-footer-second .d-flex {
        display: block; } }
  .region-footer-second nav {
    padding: 0 16px;
    border-left: 1px solid #eee; }
    .region-footer-second nav:first-child {
      border-left: 0; }
    @media screen and (max-width: 991px) {
      .region-footer-second nav {
        display: block;
        margin: 24px 0;
        padding: 0;
        border-left: 0; } }
  .region-footer-second .menu {
    margin: 0; }
    .region-footer-second .menu-item {
      padding: 8px 0; }
      .region-footer-second .menu-item a {
        display: inline-block;
        padding-right: 24px;
        position: relative;
        color: #000000;
        white-space: nowrap; }
        .region-footer-second .menu-item a::before {
          content: "";
          margin-right: 10px;
          margin-left: 5px;
          vertical-align: top;
          font-size: .8rem;
          font-family: "icomoon"; }
        .region-footer-second .menu-item a::after {
          height: 1px;
          content: '';
          position: absolute;
          right: 100%;
          bottom: -2px;
          left: 20px;
          background-color: #000000;
          transition: all .3s; }
          @media screen and (max-width: 991px) {
            .region-footer-second .menu-item a::after {
              content: none; } }
        .region-footer-second .menu-item a:hover, .region-footer-second .menu-item a:focus {
          text-decoration: none; }
          .region-footer-second .menu-item a:hover::after, .region-footer-second .menu-item a:focus::after {
            right: 24px; }
      .region-footer-second .menu-item.img {
        max-width: 50%;
        display: inline-block;
        vertical-align: middle; }
        .region-footer-second .menu-item.img img {
          max-width: 100px; }
        .region-footer-second .menu-item.img a {
          text-decoration: none; }
          .region-footer-second .menu-item.img a::before, .region-footer-second .menu-item.img a::after {
            content: none; }

.region-footer-third {
  padding-bottom: 32px;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.4rem; }

.region-footer-bottom {
  padding-top: 17px;
  padding-bottom: 25px;
  border-top: 1px solid #eee; }
  .region-footer-bottom .menu {
    display: flex;
    justify-content: center;
    margin: 0;
    text-align: center; }
    .region-footer-bottom .menu-item {
      display: inline-block;
      padding: 0;
      border-left: 1px solid #eee; }
      .region-footer-bottom .menu-item:first-child {
        border-left: none; }
      .region-footer-bottom .menu-item a {
        display: inline-block;
        padding: 0 24px;
        position: relative;
        color: #000000; }
        .region-footer-bottom .menu-item a::before {
          height: 1px;
          content: '';
          position: absolute;
          right: 100%;
          bottom: -2px;
          left: 24px;
          background-color: #000000;
          transition: all .3s; }
          @media screen and (max-width: 991px) {
            .region-footer-bottom .menu-item a::before {
              content: none; } }
        .region-footer-bottom .menu-item a:hover, .region-footer-bottom .menu-item a:focus {
          text-decoration: none; }
          .region-footer-bottom .menu-item a:hover::before, .region-footer-bottom .menu-item a:focus::before {
            right: 24px; }
        @media screen and (max-width: 991px) {
          .region-footer-bottom .menu-item a {
            padding: 0; } }
      @media screen and (max-width: 991px) {
        .region-footer-bottom .menu-item {
          width: 50%;
          margin: 8px 0;
          border-left: none; }
          .region-footer-bottom .menu-item:nth-child(odd) {
            padding-right: 8px; }
          .region-footer-bottom .menu-item:nth-child(event) {
            padding-left: 8px; } }
    @media screen and (max-width: 991px) {
      .region-footer-bottom .menu {
        flex-wrap: wrap;
        text-align: left;
        justify-content: flex-start; } }

/**
 * @file
 * Sidebars Layout Styling
 */
/**
 * @file
 * Main Layout Styling
 */
.dp-flex {
  display: flex; }

.sp-around {
  justify-content: space-around; }

.al-item-center {
  align-items: center; }

.w-100 {
  width: 100%; }

.w-50 {
  width: 50%; }

.btn-center {
  display: flex;
  align-items: center;
  justify-content: center; }

.container {
  max-width: 100vw;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .container {
      /* padding-left: 0;
    padding-right: 0;*/ } }

/**
 * @file
 * Homepage Layout Styling
 */
/*************************************************************************************
  Import tous les fichiers _name.scss liés au "component"
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
.paragraph--type--paragraph-accordion .field--name-field-pr-accordion-title {
  margin: 15px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  border: none;
  background: none; }
  .paragraph--type--paragraph-accordion .field--name-field-pr-accordion-title:before {
    content: "";
    font-family: "icomoon";
    font-size: 1.6rem;
    margin-right: 15px;
    transition: transform 0.2s ease-in-out; }
  .paragraph--type--paragraph-accordion .field--name-field-pr-accordion-title.active:before {
    transform: rotate(90deg); }

.paragraph--type--paragraph-accordion .field--name-field-pr-accordion-body {
  display: none;
  padding-left: 30px;
  margin-bottom: 80px; }

/**
 * @file
 * File Component Styling - Default style for file module.
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/*.attached-files {
  &:after {
    content: "";
    clear: both;
    display: block;
  }
}*/
.attached-files {
  margin-top: 40px;
  margin-bottom: 40px; }
  .attached-files .row {
    display: flex;
    flex-wrap: wrap; }
  .attached-files .file {
    display: flex;
    margin-bottom: 40px;
    padding: 0;
    font-family: "Montserrat"; }
    .attached-files .file:before {
      content: "";
      font-family: "icomoon";
      font-size: 2.4rem; }
    .attached-files .file .file-content {
      margin-left: 10px; }
      .attached-files .file .file-content .name {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 5px;
        font-weight: 400; }
      .attached-files .file .file-content .informations {
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: 14px; }
      .attached-files .file .file-content a {
        color: #3E3636;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.5rem;
        display: flex;
        align-items: center; }
        .attached-files .file .file-content a:before {
          content: "";
          font-family: "icomoon";
          font-size: 1.4rem;
          margin-right: 7px; }

/**
 * @file
 * Fields Components Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/**
 * @file
 * Icons Component Styling
 */
/* ---------------- DEFAULT -----------------*/
/**
 * @file
 * Visual styles for tables.
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
table p {
  margin-bottom: 0 !important; }

/**
 * @file
 * Visual styles for tabs.
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/**
 * @file
 * Forms Components Styling
 */
.select2-dropdown {
  border: 1px solid #5C5C5C; }

form .webform-section-title {
  margin-top: 0;
  line-height: normal;
  font-size: 2.4rem; }

form iframe {
  border: none; }

form section.form-item {
  margin: 0 0 30px; }
  form section.form-item + section {
    padding-top: 30px; }

form .form-item {
  margin: 0 0 20px; }

form label:not(.option) {
  display: block;
  margin-bottom: 5px; }

form .select2-container {
  width: 100%; }
  form .select2-container .select2-selection--single {
    border: none;
    background: none;
    width: 100%;
    line-height: 40px;
    height: 40px;
    position: relative; }
    form .select2-container .select2-selection--single .select2-selection__rendered {
      width: 100%;
      padding-left: 10px;
      min-height: 40px;
      border: 1px solid #5C5C5C;
      border-radius: 4px;
      font-size: 1.6rem;
      line-height: 40px; }
    form .select2-container .select2-selection--single .select2-selection__arrow {
      right: 10px;
      width: 20px;
      top: 50%;
      transform: translateY(-50%); }

form input:not(.form-radio):not(.form-checkbox):not(.image-button):not(.webform-button--submit),
form select {
  width: 100%;
  padding-left: 10px;
  min-height: 40px;
  border: 1px solid #5C5C5C;
  border-radius: 4px;
  font-size: 1.6rem; }
  form input:not(.form-radio):not(.form-checkbox):not(.image-button):not(.webform-button--submit)#edit-adresse-postal-code, form input:not(.form-radio):not(.form-checkbox):not(.image-button):not(.webform-button--submit)[type="tel"],
  form select#edit-adresse-postal-code,
  form select[type="tel"] {
    max-width: 176px; }
  form input:not(.form-radio):not(.form-checkbox):not(.image-button):not(.webform-button--submit)[type="number"],
  form select[type="number"] {
    max-width: 72px; }

form.user-login-form input[type="submit"] {
  padding-left: 55px !important; }

form select {
  appearance: none;
  line-height: 40px;
  background: url("../images/chevron.svg") no-repeat right 15px center transparent; }
  form select::-ms-expand {
    display: none; }

form .form-radios.webform-options-display-two-columns {
  column-count: inherit; }

form .form-type-radio,
form .form-type-checkbox {
  display: flex;
  align-items: center; }
  form .form-type-radio input,
  form .form-type-checkbox input {
    margin-right: 8px; }

form fieldset {
  border: 0;
  padding: 0; }
  form fieldset > legend {
    font-weight: 400 !important; }
  form fieldset#edit-school-level .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    form fieldset#edit-school-level .fieldset-wrapper legend {
      font-weight: 500; }

form input[type="radio"] + label:before, form input[type="radio"] + label:after {
  border-radius: 50%; }

form input[type=number]::-webkit-outer-spin-button,
form input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0; }

form input[type=number] {
  -moz-appearance: textfield; }

form textarea {
  padding: 10px;
  width: 100%;
  border-radius: 4px; }

form .form-item-date-add-more-items {
  padding: 1em 0;
  display: block; }

tr.draggable td {
  padding-bottom: 1em;
  background: none; }

.webform-multiple-table td.webform-multiple-table--handle {
  padding: 0 1em; }

.webform-multiple-table td input[type="image"] {
  position: relative;
  top: -3px; }

.webform-multiple-table .webform-multiple-sort-weight {
  width: 4em !important; }

a.tabledrag-handle:hover .handle,
a.tabledrag-handle .handle {
  background: none;
  padding: 0;
  margin: 0; }
  a.tabledrag-handle:hover .handle:before,
  a.tabledrag-handle .handle:before {
    content: "";
    font-family: "icomoon";
    position: relative;
    top: -3px;
    color: #000000; }

.form-item-date-add-more-items,
.webform-multiple-table--operations input[data-drupal-selector*="add"] {
  display: none !important; }

.tabledrag-toggle-weight-wrapper {
  display: none; }

.webform-multiple-table td.webform-multiple-table--operations input:last-child {
  background-image: url(../images/trash.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  border-radius: 0;
  width: 0;
  padding: 10px; }

.webform-multiple-add input[type='submit'] {
  width: auto !important; }

.touchevents .draggable td {
  padding: 0.5em 0; }

.block-facets-ajax .facets-container {
  display: flex;
  flex-wrap: wrap;
  padding: 42px 0;
  padding-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .block-facets-ajax .facets-container {
      padding: 24px 0; } }
  .block-facets-ajax .facets-container:before,
  .block-facets-ajax .facets-container :after {
    content: none; }

.facets-widget-dropdown .title {
  height: 20px; }

.chosen-container {
  max-width: 100%;
  width: 100% !important; }
  .chosen-container .chosen-drop {
    min-width: 280px;
    max-width: 280px;
    margin-top: 4px !important;
    top: -6px !important;
    border: none !important;
    border-radius: 0;
    box-shadow: 0px -2px 47px rgba(0, 0, 0, 0.05), 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291); }
    .chosen-container .chosen-drop .chosen-search input[type="text"] {
      border-radius: 4px;
      height: 30px;
      background-image: url(../images/search-icon.svg);
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: left 15px center;
      padding-left: 40px !important; }
  .chosen-container-active .chosen-choices {
    border-radius: 4px 4px 0 0; }
  .chosen-container .chosen-results li {
    display: flex !important;
    position: relative; }
    .chosen-container .chosen-results li:before {
      content: "";
      width: 16px;
      min-width: 16px;
      height: 16px;
      border: 1px solid #9E9E9E;
      border-radius: 2px;
      margin-right: 8px; }
    .chosen-container .chosen-results li.highlighted {
      background: none !important;
      color: #3E3636 !important; }
    .chosen-container .chosen-results li.result-selected {
      color: #3E3636; }
      .chosen-container .chosen-results li.result-selected:before {
        border: 1px solid #000000;
        background: #000000; }
      .chosen-container .chosen-results li.result-selected:after {
        content: "";
        font-family: "icomoon";
        color: #FFFFFF;
        position: absolute;
        top: 6px;
        left: 9px;
        font-size: 0.8rem; }

form input[type="checkbox"], form input[type="radio"] {
  position: absolute;
  left: -9999px; }
  form input[type="checkbox"] + label, form input[type="radio"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    pointer-events: all;
    user-select: none;
    text-transform: none;
    font-weight: 400; }
    form input[type="checkbox"] + label:before, form input[type="radio"] + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 16px;
      height: 16px;
      border: 1px solid #5C5C5C;
      background: #ffffff; }
    form input[type="checkbox"] + label:after, form input[type="radio"] + label:after {
      content: "" !important;
      position: absolute;
      top: 4px;
      left: 4px;
      width: 8px;
      height: 8px;
      background: #5C5C5C;
      transition: all .2s ease; }
  form input[type="checkbox"]:not(:checked) + label:after, form input[type="radio"]:not(:checked) + label:after {
    opacity: 0; }
  form input[type="checkbox"]:checked + label:after, form input[type="radio"]:checked + label:after {
    opacity: 1; }

.page-node-type-exhibition-event .container > .main-image,
.page-node-type-mediation-event .container > .main-image,
.page-node-type-audito-event .container > .main-image,
.page-node-type-article .container > .main-image,
.page-node-type-artwork .container > .main-image {
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .page-node-type-exhibition-event .container > .main-image,
    .page-node-type-mediation-event .container > .main-image,
    .page-node-type-audito-event .container > .main-image,
    .page-node-type-article .container > .main-image,
    .page-node-type-artwork .container > .main-image {
      margin-bottom: 0;
      width: 100vw;
      margin-left: -15px;
      margin-right: -15px;
      max-width: none; }
      .page-node-type-exhibition-event .container > .main-image img,
      .page-node-type-mediation-event .container > .main-image img,
      .page-node-type-audito-event .container > .main-image img,
      .page-node-type-article .container > .main-image img,
      .page-node-type-artwork .container > .main-image img {
        width: 100%; }
      .page-node-type-exhibition-event .container > .main-image figcaption,
      .page-node-type-mediation-event .container > .main-image figcaption,
      .page-node-type-audito-event .container > .main-image figcaption,
      .page-node-type-article .container > .main-image figcaption,
      .page-node-type-artwork .container > .main-image figcaption {
        margin-left: 15px; } }
  @media screen and (min-width: 992px) {
    .page-node-type-exhibition-event .container > .main-image figcaption,
    .page-node-type-mediation-event .container > .main-image figcaption,
    .page-node-type-audito-event .container > .main-image figcaption,
    .page-node-type-article .container > .main-image figcaption,
    .page-node-type-artwork .container > .main-image figcaption {
      max-width: 100%;
      text-align: left; } }

.page-node-type-exhibition-event figcaption,
.page-node-type-mediation-event figcaption,
.page-node-type-audito-event figcaption,
.page-node-type-article figcaption,
.page-node-type-artwork figcaption {
  font-size: 1.2rem;
  margin-top: 4px;
  padding: 0;
  float: none; }
  .page-node-type-exhibition-event figcaption div:first-letter,
  .page-node-type-mediation-event figcaption div:first-letter,
  .page-node-type-audito-event figcaption div:first-letter,
  .page-node-type-article figcaption div:first-letter,
  .page-node-type-artwork figcaption div:first-letter {
    text-transform: uppercase; }

.page-node-type-exhibition-event .article-wrapper > .row,
.page-node-type-mediation-event .article-wrapper > .row,
.page-node-type-audito-event .article-wrapper > .row,
.page-node-type-article .article-wrapper > .row,
.page-node-type-artwork .article-wrapper > .row {
  width: 100%; }
  @media screen and (max-width: 991px) {
    .page-node-type-exhibition-event .article-wrapper > .row,
    .page-node-type-mediation-event .article-wrapper > .row,
    .page-node-type-audito-event .article-wrapper > .row,
    .page-node-type-article .article-wrapper > .row,
    .page-node-type-artwork .article-wrapper > .row {
      margin: 0; } }
  @media screen and (max-width: 767px) {
    .page-node-type-exhibition-event .article-wrapper > .row,
    .page-node-type-mediation-event .article-wrapper > .row,
    .page-node-type-audito-event .article-wrapper > .row,
    .page-node-type-article .article-wrapper > .row,
    .page-node-type-artwork .article-wrapper > .row {
      width: 100vw;
      margin-left: -15px; } }
  @media screen and (min-width: 992px) {
    .page-node-type-exhibition-event .article-wrapper > .row > div[class^="col-"],
    .page-node-type-mediation-event .article-wrapper > .row > div[class^="col-"],
    .page-node-type-audito-event .article-wrapper > .row > div[class^="col-"],
    .page-node-type-article .article-wrapper > .row > div[class^="col-"],
    .page-node-type-artwork .article-wrapper > .row > div[class^="col-"] {
      height: 100%; } }
  .page-node-type-exhibition-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper,
  .page-node-type-mediation-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper,
  .page-node-type-audito-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper,
  .page-node-type-article .article-wrapper > .row > div[class^="col-"] .navigation-wrapper,
  .page-node-type-artwork .article-wrapper > .row > div[class^="col-"] .navigation-wrapper {
    position: relative;
    height: 100%; }
    .page-node-type-exhibition-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper ul,
    .page-node-type-mediation-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper ul,
    .page-node-type-audito-event .article-wrapper > .row > div[class^="col-"] .navigation-wrapper ul,
    .page-node-type-article .article-wrapper > .row > div[class^="col-"] .navigation-wrapper ul,
    .page-node-type-artwork .article-wrapper > .row > div[class^="col-"] .navigation-wrapper ul {
      padding: 15px; }

.page-node-type-exhibition-event .article-wrapper .event-type,
.page-node-type-mediation-event .article-wrapper .event-type,
.page-node-type-audito-event .article-wrapper .event-type,
.page-node-type-article .article-wrapper .event-type,
.page-node-type-artwork .article-wrapper .event-type {
  color: #3E3636; }
  @media screen and (max-width: 767px) {
    .page-node-type-exhibition-event .article-wrapper .event-type,
    .page-node-type-mediation-event .article-wrapper .event-type,
    .page-node-type-audito-event .article-wrapper .event-type,
    .page-node-type-article .article-wrapper .event-type,
    .page-node-type-artwork .article-wrapper .event-type {
      margin-top: 20px; } }

.page-node-type-exhibition-event .article-wrapper iframe,
.page-node-type-mediation-event .article-wrapper iframe,
.page-node-type-audito-event .article-wrapper iframe,
.page-node-type-article .article-wrapper iframe,
.page-node-type-artwork .article-wrapper iframe {
  border: 0; }

.page-node-type-exhibition-event .subtitle,
.page-node-type-mediation-event .subtitle,
.page-node-type-audito-event .subtitle,
.page-node-type-article .subtitle,
.page-node-type-artwork .subtitle {
  margin: 0; }
  @media screen and (max-width: 767px) {
    .page-node-type-exhibition-event .subtitle,
    .page-node-type-mediation-event .subtitle,
    .page-node-type-audito-event .subtitle,
    .page-node-type-article .subtitle,
    .page-node-type-artwork .subtitle {
      font-size: 3rem; } }

.page-node-type-exhibition-event .date,
.page-node-type-mediation-event .date,
.page-node-type-audito-event .date,
.page-node-type-article .date,
.page-node-type-artwork .date {
  font-size: 2.2rem;
  line-height: 1.8rem; }

.page-node-type-exhibition-event .chapo,
.page-node-type-mediation-event .chapo,
.page-node-type-audito-event .chapo,
.page-node-type-article .chapo,
.page-node-type-artwork .chapo {
  position: relative;
  margin-bottom: 30px;
  font-family: "Unna"; }
  @media screen and (max-width: 767px) {
    .page-node-type-exhibition-event .chapo,
    .page-node-type-mediation-event .chapo,
    .page-node-type-audito-event .chapo,
    .page-node-type-article .chapo,
    .page-node-type-artwork .chapo {
      padding-left: 30px; } }

.field--name-field-text-body figure br {
  display: none; }

.field--name-field-text-body figure figcaption {
  width: 100%; }

.field--name-field-text-body figure img {
  width: 100%; }

.field--name-field-text-body figure.ephoto-dam-align-center {
  margin: 24px auto;
  max-width: 320px; }
  .field--name-field-text-body figure.ephoto-dam-align-center figcaption {
    width: 100%; }
  .field--name-field-text-body figure.ephoto-dam-align-center figure > img br {
    display: none; }

.field--name-field-text-body figure.ephoto-dam-align-right {
  margin-left: 32px;
  margin-bottom: 16px;
  max-width: 320px; }
  @media screen and (max-width: 767px) {
    .field--name-field-text-body figure.ephoto-dam-align-right {
      max-width: none;
      margin-left: 0;
      width: 100%; } }

.field--name-field-text-body figure.ephoto-dam-align-left {
  margin-right: 32px;
  margin-bottom: 16px;
  max-width: 320px; }
  @media screen and (max-width: 767px) {
    .field--name-field-text-body figure.ephoto-dam-align-left {
      max-width: none;
      margin-right: 0;
      width: 100%; } }
  .field--name-field-text-body figure.ephoto-dam-align-left figcaption {
    max-width: 320px; }
  .field--name-field-text-body figure.ephoto-dam-align-left img {
    width: 100%; }

iframe {
  border: none; }

.wrapper-programmation .heading1 {
  margin: 32px 0; }
  @media screen and (max-width: 768px) {
    .wrapper-programmation .heading1 {
      margin: 24px 0; } }

.wrapper-programmation h3 {
  margin-top: 0;
  position: relative; }
  .wrapper-programmation h3::before {
    content: "";
    margin-top: 4px;
    position: absolute;
    left: -47px;
    font: 400 1.6rem/1.6rem "icomoon"; }
    @media screen and (max-width: 768px) {
      .wrapper-programmation h3::before {
        left: 0; } }
  .wrapper-programmation h3 span {
    display: block; }
    .wrapper-programmation h3 span.separator {
      display: none; }
      @media screen and (max-width: 991px) {
        .wrapper-programmation h3 span.separator {
          display: inline; } }
    @media screen and (max-width: 991px) {
      .wrapper-programmation h3 span {
        display: inline; } }
  @media screen and (max-width: 768px) {
    .wrapper-programmation h3 {
      padding-left: 25px; } }

.wrapper-date {
  padding-left: 52px; }
  @media screen and (max-width: 768px) {
    .wrapper-date {
      padding-left: 0; } }

.wrapper-prog {
  margin: 24px 0; }
  .wrapper-prog .bloc-title {
    margin-bottom: 8px;
    padding-left: 24px;
    position: relative;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem; }
    .wrapper-prog .bloc-title::before {
      width: 8px;
      height: 8px;
      content: '';
      border-radius: 8px;
      position: absolute;
      top: 6px;
      left: 0;
      background-color: #000000; }
    .wrapper-prog .bloc-title p {
      display: inline-block;
      margin-right: 16px; }
    @media screen and (max-width: 768px) {
      .wrapper-prog .bloc-title {
        display: flex; } }

/**
 * @file
 * Paragraphs Component Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
.default-link {
  color: #3E3636;
  font-weight: 600;
  text-decoration: underline; }

.all-dates .heading2 {
  margin-left: 0;
  font-size: 4.4rem; }

.all-dates .today {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  margin-bottom: 25px;
  max-width: 300px;
  font-weight: 500; }
  .all-dates .today:before {
    content: "";
    font-family: "icomoon";
    position: absolute;
    left: 0;
    top: 0; }

.all-dates .date {
  margin: 0 !important;
  font-size: 1.4rem;
  line-height: normal; }

@media screen and (min-width: 992px) {
  .all-dates .month {
    padding-left: 30px; } }

.all-dates .month + .month {
  margin-top: 20px; }

.all-dates .month .label-month {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 1.6rem; }

.all-dates .month ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .all-dates .month ul li {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem; }

@media screen and (min-width: 768px) {
  .paragraph--type--quote {
    display: flex;
    align-items: flex-start;
    margin-top: 80px !important; } }

.paragraph--type--quote blockquote {
  margin: 0;
  font-style: normal; }

@media screen and (max-width: 767px) {
  .paragraph--type--quote img {
    margin-bottom: 20px;
    margin-left: 27px; } }

.field--name-field-meai-title {
  font-size: 3.5rem;
  color: #1C1C1C; }
  @media screen and (min-width: 992px) {
    .field--name-field-meai-title {
      padding-bottom: 32px;
      font-size: 4rem; } }

.paragraph--type--mea-infinite,
.paragraph--type--mea-nude {
  padding-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .paragraph--type--mea-infinite img,
    .paragraph--type--mea-nude img {
      width: 100%; } }

.paragraph--type--mea-infinite .btn-center {
  margin-top: 0; }

.paragraph--type--mea-nude .btn-center {
  margin-top: 9px; }
  @media screen and (min-width: 992px) {
    .paragraph--type--mea-nude .btn-center {
      margin-top: 17px; } }

.image-animate {
  overflow: hidden; }
  .image-animate picture {
    display: block; }
    .image-animate picture img {
      transition: all 1s ease; }
  .image-animate:hover img {
    transform: scale(1.05); }

.field--name-field-g2ci-pushes .field__items,
.field--name-field-gc3c-pushes .field__items {
  display: flex;
  flex-wrap: wrap; }

@media screen and (max-width: 767px) {
  .field--name-field-g2ci-pushes,
  .field--name-field-gc3c-pushes {
    padding: 0 16px; }
    .field--name-field-g2ci-pushes > .field__items > .field__item,
    .field--name-field-gc3c-pushes > .field__items > .field__item {
      width: 100%;
      padding: 0; }
    .field--name-field-g2ci-pushes .col-xs-6,
    .field--name-field-gc3c-pushes .col-xs-6 {
      padding-left: 8px;
      padding-right: 8px; } }

.view-cultural-programming .view-content {
  display: flex;
  flex-wrap: wrap; }

.field--name-field-gc2c-pushes.field__items,
.field--name-field-gc3c-pushes.field__items {
  display: flex;
  flex-wrap: wrap; }

.grid-view .row {
  display: flex;
  flex-wrap: wrap; }

.card-shadow {
  position: relative;
  margin: 0 0 16px 0; }
  @media screen and (min-width: 767px) {
    .card-shadow {
      margin: 0 0 32px 0; } }
  .card-shadow figure {
    width: 100%;
    margin: 0; }
    @media screen and (max-width: 767px) {
      .card-shadow figure img {
        width: 100%; } }
  .card-shadow .card-shadow_text {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 24px 24px 24px;
    color: #ffffff; }
    .card-shadow .card-shadow_text .surtitle {
      margin-bottom: 8px; }

.shadow-box-landscape, .shadow-box-push {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%; }

.shadow-box-push {
  background: linear-gradient(360deg, #000000 -14.12%, rgba(0, 0, 0, 0.05) 46.72%); }

.shadow-box-landscape {
  background: linear-gradient(360deg, #000000 -14.12%, rgba(0, 0, 0, 0.05) 46.72%); }

.paragraph--type--iframe-1-col iframe {
  width: 100%;
  height: 500px !important; }
  @media screen and (max-width: 767px) {
    .paragraph--type--iframe-1-col iframe {
      height: 400px !important; } }

.paragraph--type--slider-col-1-article {
  max-width: 500px;
  margin: auto; }

.paragraph--type--images-slider {
  width: 500px; }
  @media screen and (max-width: 767px) {
    .paragraph--type--images-slider {
      max-width: calc(100vw - 32px); } }
  .paragraph--type--images-slider figure {
    max-width: 500px;
    margin: auto; }
    @media screen and (max-width: 767px) {
      .paragraph--type--images-slider figure {
        max-width: calc(100vw - 32px); } }
    .paragraph--type--images-slider figure picture {
      max-width: 500px;
      height: 500px;
      background: #F8F8F8;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .paragraph--type--images-slider figure picture {
          max-width: calc(100vw - 32px);
          max-height: calc(100vw - 32px); } }
    .paragraph--type--images-slider figure img {
      max-height: 500px;
      max-width: 500px;
      height: auto;
      width: auto; }
      @media screen and (max-width: 767px) {
        .paragraph--type--images-slider figure img {
          max-width: calc(100vw - 32px);
          max-height: calc(100vw - 32px); } }

/**
 * @file
 * Modal Component Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s; }

#myImg:hover {
  opacity: 0.7; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 31;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: #FFFFFF;
  /* Fallback color */
  padding: 32px 0; }
  .modal .modal-wrapper {
    height: 100%;
    animation-name: zoom;
    animation-duration: 0.6s;
    opacity: 0; }
    .modal .modal-wrapper .modal-content {
      height: 100%; }
      .modal .modal-wrapper .modal-content .image-container {
        display: flex;
        justify-content: center;
        align-items: center; }
        .modal .modal-wrapper .modal-content .image-container img {
          max-height: 100%; }
      .modal .modal-wrapper .modal-content .caption {
        padding-top: 16px;
        font-size: 1.2rem; }
        .modal .modal-wrapper .modal-content .caption .caption-content {
          display: flex;
          flex-wrap: wrap;
          padding-bottom: 8px; }
          .modal .modal-wrapper .modal-content .caption .caption-content > div {
            margin-right: 3px; }
        .modal .modal-wrapper .modal-content .caption .copy-caption {
          cursor: pointer;
          font-weight: 500;
          display: flex;
          align-items: center; }
          .modal .modal-wrapper .modal-content .caption .copy-caption:before {
            content: "";
            font-family: "icomoon";
            margin-right: 6px; }

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px; }

/* Add Animation - Zoom in the Modal */
@keyframes zoom {
  from {
    transform: scale(0); }
  to {
    transform: scale(1); } }

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 100px;
  color: #3E3636;
  font-size: 4rem;
  font-weight: bold;
  transition: 0.3s; }
  .close:after {
    content: 'Fermer';
    font-size: 1.6rem;
    position: relative;
    bottom: 7px;
    left: 5px; }

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%; } }

.field--name-field-media-link-title {
  font-size: 2.1rem;
  line-height: 1.5rem;
  margin: 32px 0; }

.field-media-link-accessibility .read-more {
  margin: 15px 0;
  cursor: pointer;
  border: none;
  background: none; }

.field-media-link-accessibility .field--name-field-media-link-accessibility {
  display: none;
  margin-bottom: 30px; }

.media-oembed-content-media {
  max-height: calc(100vw * .5621); }

.ephoto-dam-align-right {
  margin: 1rem 0 1rem 1rem; }

.ephoto-dam-align-left {
  margin: 1rem 1rem 1rem 0; }

.ephoto-dam-align-center {
  margin: 1rem auto; }

.align-right {
  margin: 1rem 0 1rem 1rem; }

.align-left {
  margin: 1rem 1rem 1rem 0; }

.align-center {
  margin: 1rem auto; }

/**
 * @file
 * Carousel Component Styling
 */
/* ---------------- DEFAULT -----------------*/
.tns-controls button {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  transform: translateY(-50%); }
  @media screen and (max-width: 991px) {
    .tns-controls button {
      z-index: 10; } }
  .tns-controls button:first-child {
    left: 35%;
    transform: rotate(180deg) translateY(50%); }
    @media screen and (max-width: 1280px) {
      .tns-controls button:first-child {
        left: 35%; } }
    @media screen and (max-width: 991px) {
      .tns-controls button:first-child {
        display: none; } }
  .tns-controls button:last-child {
    right: 35%; }
    @media screen and (max-width: 1280px) {
      .tns-controls button:last-child {
        right: 35%; } }
    @media screen and (max-width: 991px) {
      .tns-controls button:last-child {
        display: none; } }

.tns-outer {
  position: relative; }
  @media screen and (max-width: 991px) {
    .tns-outer {
      overflow: hidden;
      margin-left: -23px;
      margin-right: -23px;
      padding-left: 29px !important; }
      .tns-outer .tns-ovh {
        overflow: visible;
        margin: 0 16px;
        transform: translateX(-16px); }
      .tns-outer .views-row article {
        margin: 0 8px; } }
  @media screen and (max-width: 767px) {
    .tns-outer {
      margin-left: -15px;
      margin-right: 0;
      padding-left: 14px !important; } }
  .tns-outer button {
    bottom: 16px;
    top: auto;
    transform: none; }
    .tns-outer button:first-child {
      transform: rotate(180deg); }
    @media screen and (max-width: 767px) {
      .tns-outer button {
        bottom: 20px; } }
  .tns-outer .tns-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 10;
    /* @media screen and (max-width: $screen-sm-max) {
       display: none;
     }*/ }
    @media screen and (max-width: 767px) {
      .tns-outer .tns-nav {
        display: flex; } }
    .tns-outer .tns-nav button {
      min-width: 8px;
      max-width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #000000;
      display: block;
      appearance: none;
      margin: 4px;
      padding: 0;
      border: none; }
  .tns-outer .tns-item article {
    height: 100%;
    position: relative; }

.field--name-field-slider-col-1-article-pics .tns-controls {
  top: 250px !important; }
  .field--name-field-slider-col-1-article-pics .tns-controls button {
    right: -60px !important; }
    .field--name-field-slider-col-1-article-pics .tns-controls button:first-child {
      right: 520px !important;
      left: inherit !important; }

@media screen and (max-width: 767px) {
  .customize-controls {
    display: none; } }

.region-alert {
  padding: 0;
  transition: background-color 0.2s ease-in-out; }
  .region-alert .tns-ovh {
    margin-right: 100px; }
    @media screen and (max-width: 991px) {
      .region-alert .tns-ovh {
        overflow: hidden; } }
    @media screen and (max-width: 767px) {
      .region-alert .tns-ovh {
        margin: 0;
        transform: none;
        overflow: hidden;
        padding-bottom: 0; } }
  .region-alert.severity-high {
    background-color: #CF4845; }
  .region-alert.severity-medium {
    background-color: #CF4845; }
  .region-alert.severity-low {
    background-color: #CF4845; }
  .region-alert div.site-alert div[class^=severity] {
    background-image: none;
    background-color: transparent;
    border: none;
    display: flex;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 8px 0;
    min-height: 49px; }
    .region-alert div.site-alert div[class^=severity] .text {
      font-size: 1.4rem;
      font-weight: normal;
      padding-left: 10px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .region-alert div.site-alert div[class^=severity] .text {
          align-items: flex-start; } }
      .region-alert div.site-alert div[class^=severity] .text:before {
        content: "";
        font-family: "icomoon";
        font-size: 1.9rem;
        margin-right: 18px; }
      .region-alert div.site-alert div[class^=severity] .text a {
        color: #FFFFFF;
        display: inline-flex;
        align-items: center; }
        .region-alert div.site-alert div[class^=severity] .text a:before {
          font-family: "icomoon";
          margin: 0 8px 0 30px; }
          @media screen and (max-width: 767px) {
            .region-alert div.site-alert div[class^=severity] .text a:before {
              margin: 0 8px 0 0; } }
  .region-alert .tns-outer {
    padding-bottom: 0 !important; }
    @media screen and (max-width: 991px) {
      .region-alert .tns-outer {
        margin-left: -15px;
        margin-right: -15px; } }
    @media screen and (max-width: 767px) {
      .region-alert .tns-outer {
        display: flex;
        flex-direction: column-reverse;
        margin: 0; } }
    .region-alert .tns-outer > button {
      display: none; }
    .region-alert .tns-outer .tns-nav {
      transform: translateY(-50%);
      top: 50%;
      right: 26px;
      left: auto;
      align-items: center;
      width: auto; }
      @media screen and (max-width: 767px) {
        .region-alert .tns-outer .tns-nav {
          position: static;
          justify-content: flex-start;
          padding-left: 45px;
          margin: 10px 0; } }
      .region-alert .tns-outer .tns-nav button {
        background: none;
        border: 1px solid #FFFFFF; }
        .region-alert .tns-outer .tns-nav button.tns-nav-active {
          background: #FFFFFF; }
    .region-alert .tns-outer .tns-controls {
      display: block; }
      @media screen and (max-width: 767px) {
        .region-alert .tns-outer .tns-controls {
          display: none; } }
      .region-alert .tns-outer .tns-controls button {
        background-color: transparent;
        border: none;
        top: 50%;
        z-index: 10;
        transform: translateY(-50%);
        display: block; }
        .region-alert .tns-outer .tns-controls button:first-child {
          left: auto;
          transform: rotate(-180deg) translateY(50%); }
        .region-alert .tns-outer .tns-controls button:last-child {
          right: -10px; }
        .region-alert .tns-outer .tns-controls button:before {
          color: #FFFFFF;
          font-size: 2.4rem; }

.paragraph--type--pr-images {
  /* transform: translateX(calc(-25% - 20px));*/
  /* width: 1250px;*/
  /*max-width: 100vw;*/ }
  @media screen and (max-width: 768px) {
    .paragraph--type--pr-images img {
      width: 100%; } }
  @media screen and (max-width: 991px) {
    .paragraph--type--pr-images {
      transform: none;
      margin-left: -30px; } }
  .paragraph--type--pr-images figure {
    margin: 0; }
    @media screen and (max-width: 991px) {
      .paragraph--type--pr-images figure {
        padding: 0;
        margin-bottom: 10px; }
        .paragraph--type--pr-images figure figcaption {
          margin: 15px; } }

.paragraph--type--pr-image {
  width: 500px;
  max-width: 100%;
  left: calc((100% - 800px) / 2);
  position: relative;
  margin: auto; }
  .paragraph--type--pr-image figure {
    margin: 32px; }
    @media screen and (max-width: 991px) {
      .paragraph--type--pr-image figure {
        margin-bottom: 30px; } }
  @media screen and (max-width: 991px) {
    .paragraph--type--pr-image {
      position: static; }
      .paragraph--type--pr-image figcaption {
        margin: 15px; } }

.wrapper-newsletter-footer {
  padding: 40px 0;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .wrapper-newsletter-footer .row {
      display: flex;
      flex-direction: column; } }
  .wrapper-newsletter-footer h3 {
    margin-top: 0;
    margin-bottom: 15px; }
  .wrapper-newsletter-footer ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media screen and (max-width: 767px) {
      .wrapper-newsletter-footer ul {
        margin-top: 30px; } }
    .wrapper-newsletter-footer ul li {
      display: inline-block;
      margin: 0 0 0 16px; }
      .wrapper-newsletter-footer ul li a {
        display: block;
        text-decoration: none;
        font-size: 3.2rem;
        color: #3E3636;
        transition: all .3s; }
        .wrapper-newsletter-footer ul li a:hover, .wrapper-newsletter-footer ul li a:focus {
          color: #DAC798; }

#tarteaucitronRoot * {
  box-sizing: border-box !important;
  font-family: "Montserrat" !important; }

#tarteaucitronRoot #tarteaucitronAlertBig {
  padding: 16px !important;
  background: #FFFFFF !important;
  border-radius: 0 !important;
  width: 590px !important;
  max-width: 95%; }
  @media screen and (min-width: 768px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
      padding: 35px 30px !important; } }
  @media screen and (max-width: 767px) {
    #tarteaucitronRoot #tarteaucitronAlertBig {
      transform: none !important;
      top: auto !important;
      bottom: 2%;
      left: 2.5% !important; } }
  #tarteaucitronRoot #tarteaucitronAlertBig:before {
    content: none; }
  #tarteaucitronRoot #tarteaucitronAlertBig > .tarteaucitronDeny {
    background: none;
    border: 1px solid #9c1a1a;
    color: #1c1c1c;
    font-size: 1.4rem !important;
    font-family: "Montserrat" !important;
    font-weight: 500;
    line-height: 1.2;
    height: 40px !important;
    border-radius: 24px;
    transition: all .3s; }
    #tarteaucitronRoot #tarteaucitronAlertBig > .tarteaucitronDeny:hover, #tarteaucitronRoot #tarteaucitronAlertBig > .tarteaucitronDeny:focus {
      color: #FFFFFF;
      background-color: #9c1a1a; }
    @media screen and (max-width: 767px) {
      #tarteaucitronRoot #tarteaucitronAlertBig > .tarteaucitronDeny {
        width: 250px;
        text-align: center;
        justify-content: center;
        margin-bottom: 10px; } }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #000000; }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-family: "Montserrat" !important;
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
    margin: 0 0 48px;
    padding: 0; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p {
      margin: 1rem 0; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a {
      color: #000000;
      transition: all .3s; }
      #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a:hover, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert a:focus {
        text-decoration: none; }
    @media screen and (max-width: 767px) {
      #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
        display: block;
        margin-bottom: 8px;
        font-size: 1.4rem !important;
        line-height: 1.5;
        padding: 0 !important; } }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
    font-weight: 500;
    height: 40px !important;
    border-radius: 24px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    font-family: "Montserrat" !important;
    background: none;
    border: 1px solid #219653;
    color: #1c1c1c;
    font-size: 1.4rem !important;
    transition: all .3s; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize:hover, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize:focus {
      color: #FFFFFF;
      background-color: #219653; }
    @media screen and (max-width: 767px) {
      #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize {
        width: 250px;
        text-align: center;
        justify-content: center;
        margin-bottom: 10px; } }
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    border: 0;
    background: none;
    color: #1c1c1c;
    font-size: 1.4rem !important;
    font-weight: 500;
    font-family: "Montserrat" !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    position: relative; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert::before {
      content: "";
      font-family: "icomoon";
      color: #3E3636;
      font-size: 0.8rem;
      margin-right: 10px; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert::after {
      height: 1px;
      content: '';
      position: absolute;
      right: 100%;
      bottom: -2px;
      left: 30px;
      background-color: #000000;
      transition: all .3s; }
    #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover::after, #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:focus::after {
      right: 10px; }

#tarteaucitron #tarteaucitronClosePanel {
  background: #FFFFFF !important;
  font-family: "Montserrat" !important;
  font-size: 0 !important;
  height: 70px;
  z-index: 10;
  top: 21px;
  color: #FFFFFF !important;
  right: 5px !important; }
  #tarteaucitron #tarteaucitronClosePanel:before {
    content: "";
    font-family: "icomoon";
    transform: rotate(45deg);
    font-size: 1.9rem !important;
    color: #3E3636;
    display: block; }

#tarteaucitron #tarteaucitronServices {
  background: #FFFFFF; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronSelfLink {
    display: none !important; }
  #tarteaucitron #tarteaucitronServices a {
    text-decoration: underline !important;
    font-size: 1.6rem !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronH1,
  #tarteaucitron #tarteaucitronServices .tarteaucitronH2,
  #tarteaucitron #tarteaucitronServices .tarteaucitronH3,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies,
  #tarteaucitron #tarteaucitronServices a {
    color: #000000 !important;
    margin: 0 !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronH3 {
    font-weight: 700 !important;
    font-size: 1.6rem !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronAllow,
  #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
    margin: 0 0 10px 0 !important;
    padding: 10px !important;
    min-width: 86px;
    box-sizing: border-box !important;
    border-radius: 24px !important;
    color: #FFFFFF !important;
    font-weight: 500 !important;
    font-family: "Montserrat" !important;
    font-size: 1.4rem !important;
    opacity: 1; }
    @media screen and (min-width: 768px) {
      #tarteaucitron #tarteaucitronServices .tarteaucitronAllow,
      #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
        margin: 0 0 0 5px !important; } }
  #tarteaucitron #tarteaucitronServices .tarteaucitronAllow {
    background: none !important;
    color: #1c1c1c !important;
    border: 1px solid #219653 !important;
    transition: all .3s; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronIsAllowed .tarteaucitronAllow,
  #tarteaucitron #tarteaucitronServices .tarteaucitronAllow:hover {
    background: #219653 !important;
    color: #FFFFFF !important; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronDeny {
    background: none !important;
    color: #1c1c1c !important;
    border: 1px solid #CF4845 !important;
    transition: all .3s; }
  #tarteaucitron #tarteaucitronServices .tarteaucitronIsDenied .tarteaucitronDeny,
  #tarteaucitron #tarteaucitronServices .tarteaucitronDeny:hover {
    background: #CF4845 !important;
    color: #FFFFFF !important; }
  @media screen and (min-width: 768px) {
    #tarteaucitron #tarteaucitronServices .tarteaucitronAsk {
      margin: 0 !important; } }
  #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border: 0 !important;
    background-color: #FFFFFF !important;
    padding: 15px !important; }
    @media screen and (min-width: 768px) {
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
        padding: 15px 32px !important; } }
    #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH1 {
      margin: 35px 0 0 !important;
      font-family: "Unna" !important;
      font-size: 2.6rem !important; }
      @media screen and (min-width: 768px) {
        #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH1 {
          font-size: 3rem !important; } }
    #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo {
      background: none !important;
      color: #000000 !important;
      border: 0 !important;
      max-width: 100% !important;
      margin: 0 auto 30px !important;
      font-family: "Montserrat" !important;
      font-size: 1.6rem !important;
      font-weight: 400;
      display: block !important;
      padding: 25px !important;
      border-bottom: 2px solid #DAC798 !important; }
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo p {
        margin: 1rem 0; }
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo a {
        color: #000000;
        font-weight: 400;
        transition: all .3s; }
        #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo a:focus {
          text-decoration: none !important; }
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo strong {
        font-weight: 700;
        font-size: inherit; }
    @media screen and (max-width: 767px) {
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {
        margin-bottom: 15px;
        width: 100% !important; } }
    #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName .tarteaucitronH2 {
      font-size: 2.4rem !important;
      font-family: "Unna" !important; }
      @media screen and (max-width: 767px) {
        #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName .tarteaucitronH2 {
          display: block !important;
          text-align: center !important;
          margin-left: auto !important;
          margin-right: auto !important;
          font-size: 2.1rem !important; } }
    @media screen and (max-width: 767px) {
      #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
        margin: 0 auto !important;
        width: 260px;
        float: none !important;
        display: block !important; } }
  #tarteaucitron #tarteaucitronServices .tarteaucitronBorder {
    padding: 0 15px 15px !important;
    border: 0 !important; }
    @media screen and (min-width: 768px) {
      #tarteaucitron #tarteaucitronServices .tarteaucitronBorder {
        padding: 0 32px 32px !important; } }
    #tarteaucitron #tarteaucitronServices .tarteaucitronBorder > ul > li {
      padding-bottom: 16px !important;
      border-bottom: 2px solid #DAC798 !important; }
      #tarteaucitron #tarteaucitronServices .tarteaucitronBorder > ul > li .tarteaucitronTitle button {
        padding: 0 !important;
        background: none !important;
        font-family: "Unna" !important;
        font-size: 2.9rem !important;
        font-weight: 400 !important;
        color: #000000 !important; }
      @media screen and (max-width: 767px) {
        #tarteaucitron #tarteaucitronServices .tarteaucitronBorder > ul > li .tarteaucitronAsk {
          width: 120px !important;
          margin: 0 !important; }
          #tarteaucitron #tarteaucitronServices .tarteaucitronBorder > ul > li .tarteaucitronAsk button {
            width: 100% !important; } }
    #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine {
      padding: 0 !important;
      margin: 0 !important;
      background: none !important;
      border-left: 0 !important; }
      @media screen and (max-width: 767px) {
        #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine {
          margin-top: 10px !important; } }
      #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronName {
        margin-left: 0 !important; }
        @media screen and (max-width: 767px) {
          #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronName {
            width: calc(100% - 130px) !important; } }
        #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
          margin-bottom: 5px !important;
          font-weight: 400 !important;
          font-family: "Montserrat" !important; }
          @media screen and (min-width: 768px) {
            #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronName .tarteaucitronH3 {
              margin-top: 8px !important; } }
        #tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {
          font-size: 1.4rem !important;
          font-family: "Montserrat" !important; }

.tarteaucitronSelfLink, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: transparent !important; }

.paragraph--type--carrefour-bloc-two-colomns {
  margin: 40px 0; }
  .paragraph--type--carrefour-bloc-two-colomns.inverted-layout .container .row {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .paragraph--type--carrefour-bloc-two-colomns.inverted-layout .container .row {
        flex-direction: column; } }
  @media screen and (max-width: 768px) {
    .paragraph--type--carrefour-bloc-two-colomns .container figure {
      margin: 0;
      width: 100%; }
      .paragraph--type--carrefour-bloc-two-colomns .container figure img {
        width: 100%; }
    .paragraph--type--carrefour-bloc-two-colomns .container .content-wrapper {
      padding-bottom: 0;
      padding-top: 0; } }
  .paragraph--type--carrefour-bloc-two-colomns .container:before, .paragraph--type--carrefour-bloc-two-colomns .container:after {
    content: none; }
  .paragraph--type--carrefour-bloc-two-colomns .container .content-wrapper {
    max-width: 100%; }
    .paragraph--type--carrefour-bloc-two-colomns .container .content-wrapper .btn-primary {
      margin-bottom: 0;
      margin-top: 24px; }
  .paragraph--type--carrefour-bloc-two-colomns .container figure {
    margin: 0; }
    .paragraph--type--carrefour-bloc-two-colomns .container figure figcaption {
      margin-top: 10px; }

.paragraph--type--carrefour-bloc-central-picture figure {
  margin: 0; }
  @media screen and (max-width: 1200px) {
    .paragraph--type--carrefour-bloc-central-picture figure {
      margin: 0; } }
  .paragraph--type--carrefour-bloc-central-picture figure figcaption {
    margin: 10px 0; }

.paragraph--type--carrefour-bloc-central-picture .content-wrapper {
  text-align: center; }

/*************************************************************************************
  Import tous les fichiers _name.scss liés à la navigation.
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/**
 * @file
 * Breadcrumb Styling
 */
/* ---------------- DEFAULT -----------------*/
.region-breadcrumb {
  margin-top: 24px; }
  @media screen and (max-width: 991px) {
    .region-breadcrumb {
      margin-top: 0; } }

.region .breadcrumb {
  padding-top: 15px;
  padding-bottom: 6px;
  font-size: 1.2rem;
  line-height: 1.4rem; }
  .region .breadcrumb li::before {
    content: "";
    margin: 0 14px;
    vertical-align: top;
    font-family: "icomoon";
    font-size: .8rem; }
  .region .breadcrumb li:first-child::before {
    content: none; }
  .region .breadcrumb li:last-child {
    font-weight: 500; }
  .region .breadcrumb li a {
    position: relative;
    color: #000000;
    text-decoration: none; }
    .region .breadcrumb li a::before {
      height: 1px;
      content: '';
      position: absolute;
      right: 100%;
      bottom: -2px;
      left: 0;
      background-color: #000000;
      transition: all .3s; }
    .region .breadcrumb li a:hover::before, .region .breadcrumb li a:focus::before {
      right: 0; }
  @media screen and (max-width: 991px) {
    .region .breadcrumb {
      padding-bottom: 15px; } }

/**
 * @file
 * Default Menu Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/**
 * @file
 * Navbar Styling
 */
body.toolbar-fixed {
  /*@media screen and (max-width: $screen-sm-max) {
    .navigation.menu--main-orsay {
      top: 128px;
    }

    .navigation.menu--main-orangerie {
      top: 128px;
    }
  }*/ }

.navigation-by-anchor {
  margin-top: 40px;
  margin-left: -15px;
  padding-left: 15px;
  padding-bottom: 5px;
  position: sticky;
  top: 100px;
  font-family: "Montserrat";
  background: white;
  z-index: 10; }
  .navigation-by-anchor .titre-sommaire {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.7rem; }
  .navigation-by-anchor li {
    margin-bottom: 15px; }
    .navigation-by-anchor li.subchild {
      margin-left: 30px; }
    .navigation-by-anchor li a {
      display: block;
      color: #3E3636;
      font-size: 1.2rem;
      line-height: 1.5rem; }
      .navigation-by-anchor li a:hover, .navigation-by-anchor li a:focus, .navigation-by-anchor li a.active {
        font-weight: 500;
        text-decoration: none; }
  @media screen and (max-width: 991px) {
    .navigation-by-anchor {
      display: none; } }

.region-navigation {
  position: static;
  top: -87px;
  transition: top .5s ease-in-out; }
  @media screen and (max-width: 991px) {
    .region-navigation {
      position: relative;
      top: auto; } }
  .region-navigation.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: white;
    z-index: 9999; }
    .toolbar-fixed .region-navigation.fixed {
      top: 39px; }
    .toolbar-fixed.toolbar-tray-open .region-navigation.fixed {
      top: 79px; }
  .region-navigation .container {
    display: flex; }
  .region-navigation #menuToggle {
    display: none;
    border: 0;
    background: none; }
    @media screen and (max-width: 991px) {
      .region-navigation #menuToggle {
        width: 130px;
        max-width: 100px;
        min-width: 100px;
        display: flex;
        flex-grow: 0;
        align-items: center;
        margin-right: 0; }
        .region-navigation #menuToggle .burger-icon {
          display: inline-block;
          cursor: pointer; }
          .region-navigation #menuToggle .burger-icon span {
            width: 26px;
            height: 3px;
            display: block;
            margin: 6px 0;
            transition: .4s;
            background-color: #333; }
          .region-navigation #menuToggle .burger-icon.opened span:first-child {
            transform: rotate(-45deg) translate(-6px, 6px); }
          .region-navigation #menuToggle .burger-icon.opened span:nth-child(2) {
            opacity: 0; }
          .region-navigation #menuToggle .burger-icon.opened span:last-child {
            transform: rotate(45deg) translate(-7px, -7px); }
        .region-navigation #menuToggle .label-burger {
          margin-left: 5px;
          font: 400 1.4rem/1.7rem "Montserrat";
          text-transform: uppercase; } }
  .region-navigation .navigation-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 2;
    margin-left: 120px;
    position: relative; }
    .region-navigation .navigation-wrapper .block-language-blocklanguage-interface {
      height: 36px;
      position: relative; }
      @media screen and (max-width: 991px) {
        .region-navigation .navigation-wrapper .block-language-blocklanguage-interface {
          width: auto;
          height: 56px;
          padding: 0 15px;
          background: black; } }
      .region-navigation .navigation-wrapper .block-language-blocklanguage-interface button.language-link {
        text-decoration: none;
        line-height: 36px;
        text-transform: uppercase;
        padding: 0;
        background: none;
        border: none;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        .region-navigation .navigation-wrapper .block-language-blocklanguage-interface button.language-link::after {
          width: 0;
          height: 0;
          content: '';
          border-style: solid;
          border-width: 4px 4px 0 4px;
          border-color: currentColor transparent transparent transparent;
          margin-left: 10px;
          transition: transform .3s ease-in-out; }
        .region-navigation .navigation-wrapper .block-language-blocklanguage-interface button.language-link.active:after {
          transform: rotate(180deg); }
        @media screen and (max-width: 991px) {
          .region-navigation .navigation-wrapper .block-language-blocklanguage-interface button.language-link {
            min-width: auto;
            height: 56px; } }
      .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 11px;
        list-style: none;
        text-transform: uppercase;
        box-shadow: 0px 100px 80px rgba(16, 20, 84, 0.04), 0px 41.7776px 33.4221px rgba(16, 20, 84, 0.0279378), 0px 22.3363px 17.869px rgba(16, 20, 84, 0.0223041), 0px 12.5216px 10.0172px rgba(16, 20, 84, 0.0178786), 0px 6.6501px 5.32008px rgba(16, 20, 84, 0.0136509), 0px 2.76726px 2.21381px rgba(16, 20, 84, 0.00874175);
        background: #FFFFFF;
        z-index: 1; }
        .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li a {
          display: block;
          padding: .5rem;
          color: #000000;
          text-decoration: none;
          text-transform: uppercase; }
          .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li a:hover, .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li a:focus {
            color: #FFFFFF;
            background-color: #000000; }
        .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li.is-active {
          order: 1;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          background: #000000;
          padding: 0; }
          @media screen and (max-width: 991px) {
            .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li.is-active {
              justify-content: flex-start; } }
          .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li.is-active a {
            color: #FFFFFF;
            padding: 0 24px; }
          .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links li.is-active::after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 3px 3px 0 3px;
            border-color: #ffffff transparent transparent transparent; }
        @media screen and (max-width: 991px) {
          .region-navigation .navigation-wrapper .block-language-blocklanguage-interface .links {
            right: initial;
            left: 11px; } }
      .path-frontpage .region-navigation .navigation-wrapper .block-language-blocklanguage-interface {
        color: #FFFFFF; }
        .path-frontpage .region-navigation .navigation-wrapper .block-language-blocklanguage-interface.active {
          color: #000000; }
          .path-frontpage .region-navigation .navigation-wrapper .block-language-blocklanguage-interface.active .links li a:hover, .path-frontpage .region-navigation .navigation-wrapper .block-language-blocklanguage-interface.active .links li a:focus {
            color: #FFFFFF;
            background-color: #000000; }
    .region-navigation .navigation-wrapper .top-navigation {
      width: 100%;
      display: flex;
      justify-content: space-between; }
      .region-navigation .navigation-wrapper .top-navigation > button {
        height: 36px;
        display: flex;
        align-items: center;
        padding: 0;
        font-size: 1.4rem;
        line-height: 1.8rem;
        font-family: "Berthold";
        border: none;
        background: none; }
        .region-navigation .navigation-wrapper .top-navigation > button::after {
          width: 0;
          height: 0;
          content: '';
          margin-left: 10px;
          border-style: solid;
          border-width: 4px 4px 0 4px;
          border-color: currentColor transparent transparent transparent;
          transition: transform .3s ease-in-out; }
          @media screen and (max-width: 991px) {
            .region-navigation .navigation-wrapper .top-navigation > button::after {
              content: none; } }
        .region-navigation .navigation-wrapper .top-navigation > button.active::after {
          transform: rotate(180deg); }
      @media screen and (max-width: 991px) {
        .region-navigation .navigation-wrapper .top-navigation {
          display: none; } }
    .region-navigation .navigation-wrapper .bottom-navigation {
      width: 100%;
      display: flex;
      align-items: center; }
      .region-navigation .navigation-wrapper .bottom-navigation .block-menu.navigation {
        flex-grow: 2; }
    @media screen and (max-width: 991px) {
      .region-navigation .navigation-wrapper {
        flex-grow: 0;
        margin-left: 0 !important;
        position: static; } }
  .region-navigation .block-system-branding-block {
    margin-top: 19px; }
    .region-navigation .block-system-branding-block h1 {
      margin: 0; }
      .region-navigation .block-system-branding-block h1 img {
        max-width: none; }
    @media screen and (max-width: 1199px) {
      .region-navigation .block-system-branding-block {
        display: flex;
        flex-grow: 2;
        justify-content: center;
        margin: 0;
        padding: 22px 0; }
        .region-navigation .block-system-branding-block h1 {
          justify-content: center; }
        .region-navigation .block-system-branding-block .site-logo {
          display: flex;
          align-items: center;
          justify-content: center; }
          .region-navigation .block-system-branding-block .site-logo img {
            height: 43px; } }
  .region-navigation nav ul.menu {
    display: flex;
    margin: 0; }
    .region-navigation nav ul.menu li {
      margin-right: 48px;
      padding-top: 0;
      position: relative; }
      .region-navigation nav ul.menu li a,
      .region-navigation nav ul.menu li span {
        display: block;
        flex-grow: 2;
        padding: 32px 0;
        color: #000000;
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1.8rem;
        text-decoration: none;
        text-transform: uppercase;
        transition: all .3s; }
        @media screen and (max-width: 1280px) {
          .region-navigation nav ul.menu li a,
          .region-navigation nav ul.menu li span {
            font-size: 1.3rem; } }
        @media screen and (max-width: 991px) {
          .region-navigation nav ul.menu li a,
          .region-navigation nav ul.menu li span {
            padding: 16px;
            font-weight: 400;
            font-size: 1.8rem;
            line-height: 2.2rem;
            text-transform: none; }
            .region-navigation nav ul.menu li a.is-active,
            .region-navigation nav ul.menu li span.is-active {
              padding-left: 32px;
              position: relative;
              font-weight: 600;
              cursor: default; }
              .region-navigation nav ul.menu li a.is-active::before,
              .region-navigation nav ul.menu li span.is-active::before {
                width: 8px;
                height: 8px;
                content: '';
                position: absolute;
                bottom: 50%;
                left: 16px;
                border-radius: 50%;
                background-color: #000000;
                transform: translateY(50%);
                transition: all .3s; } }
      .region-navigation nav ul.menu li.expanded .menu {
        left: 0; }
      .region-navigation nav ul.menu li .menu {
        height: auto;
        display: none;
        flex-direction: column;
        padding: 25px;
        position: absolute;
        top: 83px;
        left: 0;
        border-bottom: none;
        box-shadow: 0 100px 80px rgba(16, 20, 84, 0.04), 0 41.7776px 33.4221px rgba(16, 20, 84, 0.0279378), 0 22.3363px 17.869px rgba(16, 20, 84, 0.0223041), 0 12.5216px 10.0172px rgba(16, 20, 84, 0.0178786), 0 6.6501px 5.32008px rgba(16, 20, 84, 0.0136509), 0 2.76726px 2.21381px rgba(16, 20, 84, 0.00874175);
        background: #FFFFFF;
        z-index: 100; }
        .region-navigation nav ul.menu li .menu li {
          width: 100%;
          display: block;
          margin-right: 0;
          margin-bottom: 15px;
          padding: 0 1em; }
          .region-navigation nav ul.menu li .menu li::after {
            display: none; }
          .region-navigation nav ul.menu li .menu li.first {
            display: flex;
            align-items: center;
            font-size: 1.3rem;
            line-height: 48px; }
            .region-navigation nav ul.menu li .menu li.first::before {
              width: 8px;
              height: 8px;
              content: '';
              margin-right: 10px;
              border-radius: 50%;
              background: #DAC798; }
            .region-navigation nav ul.menu li .menu li.first a {
              font-weight: bold; }
          .region-navigation nav ul.menu li .menu li.return {
            display: flex;
            align-items: center;
            font-weight: bold;
            font-size: 1.3rem;
            line-height: 48px;
            background: #DAC798; }
            .region-navigation nav ul.menu li .menu li.return::before {
              content: "";
              margin-right: 10px;
              font-family: "icomoon";
              transform: rotate(180deg); }
          .region-navigation nav ul.menu li .menu li:last-child {
            margin-bottom: 0; }
          .region-navigation nav ul.menu li .menu li a {
            width: 100%;
            display: block;
            padding: 0;
            white-space: nowrap;
            font-weight: 400;
            line-height: 1.3; }
            @media screen and (max-width: 991px) {
              .region-navigation nav ul.menu li .menu li a {
                white-space: pre-wrap;
                font-weight: 500;
                line-height: 48px; } }
          .region-navigation nav ul.menu li .menu li:hover a {
            text-shadow: 0 0 1px #000000; }
          @media screen and (max-width: 991px) {
            .region-navigation nav ul.menu li .menu li {
              margin-bottom: 0; } }
        @media screen and (max-width: 991px) {
          .region-navigation nav ul.menu li .menu {
            width: 100vw;
            display: flex;
            align-items: flex-start;
            padding: 0;
            position: absolute;
            top: 0;
            left: -100vw;
            box-shadow: none;
            background: #FFFFFF;
            transform: none;
            transition: left 0.5s ease-in-out;
            z-index: 101; }
            .region-navigation nav ul.menu li .menu::after {
              width: 100%;
              height: calc(100vh - 136px);
              content: '';
              position: absolute;
              top: 0;
              background: white;
              z-index: -1; } }
      .region-navigation nav ul.menu li:hover .menu, .region-navigation nav ul.menu li:focus .menu {
        display: flex; }
      @media screen and (min-width: 1280px) {
        .region-navigation nav ul.menu li::after {
          width: 4px;
          height: 4px;
          content: '';
          position: absolute;
          bottom: 20px;
          left: 50%;
          border-radius: 50%;
          background-color: transparent;
          transform: translateY(-50%);
          transition: all .3s; }
        .region-navigation nav ul.menu li.menu-item--active-trail::after, .region-navigation nav ul.menu li:hover::after, .region-navigation nav ul.menu li:focus::after {
          background-color: #000000; }
        .region-navigation nav ul.menu li:hover .menu, .region-navigation nav ul.menu li:focus .menu, .region-navigation nav ul.menu li:focus-within .menu {
          display: flex; } }
      .path-frontpage .region-navigation nav ul.menu li:hover::after, .path-frontpage .region-navigation nav ul.menu li:focus::after {
        background-color: #FFFFFF; }
      @media screen and (max-width: 991px) {
        .region-navigation nav ul.menu li {
          width: 100%;
          margin-right: 0; }
          .region-navigation nav ul.menu li.menu-item--expanded {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .region-navigation nav ul.menu li.menu-item--expanded::after {
              content: "";
              font-family: "icomoon"; } }
    @media screen and (max-width: 991px) {
      .region-navigation nav ul.menu {
        height: auto;
        align-items: flex-start;
        padding-top: 0;
        text-align: left;
        border-bottom: none; } }
  .region-navigation .ticket-office {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 32px;
    position: relative;
    color: #000000;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    text-decoration: none;
    border-radius: 50px;
    background-color: #FFFFFF;
    transition: all .3s;
    z-index: 1; }
    .region-navigation .ticket-office:hover, .region-navigation .ticket-office:focus {
      color: #FFFFFF;
      text-decoration: none; }
    @media screen and (max-width: 991px) {
      .region-navigation .ticket-office {
        padding: 8px 16px; } }
  @media screen and (max-width: 991px) {
    .region-navigation .navigation.menu--main-orsay,
    .region-navigation .navigation.menu--main-orangerie {
      width: 100vw;
      height: calc(100vh - 87px);
      position: absolute;
      top: 87px;
      left: 0;
      overflow: scroll;
      visibility: visible;
      background: #FFFFFF;
      transform: translate3d(-100%, 0, 0);
      transition: all 0.5s;
      z-index: 11; }
      .region-navigation .navigation.menu--main-orsay .ul,
      .region-navigation .navigation.menu--main-orangerie .ul {
        color: red; }
      .region-navigation .navigation.menu--main-orsay > .menu,
      .region-navigation .navigation.menu--main-orangerie > .menu {
        flex-direction: column;
        position: relative;
        border-bottom: none;
        background: #FFFFFF; } }
  .region-navigation.opened {
    background: #FFFFFF; }
    @media screen and (max-width: 991px) {
      .region-navigation.opened #menuToggle .label-burger {
        color: #000000; }
      .region-navigation.opened .navigation.menu--main-orsay,
      .region-navigation.opened .navigation.menu--main-orangerie {
        visibility: visible;
        transform: translate3d(0, 0, 0); } }

/**
 * @file
 * Default Mega Menu Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/**
 * @file
 * Mobile Menu Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/**
 * @file
 * More Links Styling
 */
/* ---------------- DEFAULT -----------------*/
.block-local-tasks-block {
  max-width: 1232px;
  margin: 40px auto;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 1.7rem;
  z-index: 1; }
  .block-local-tasks-block nav {
    background-color: none; }
    .block-local-tasks-block nav ul {
      display: flex;
      justify-content: center;
      margin: 0;
      border-bottom: none; }
      .block-local-tasks-block nav ul li {
        margin: 0; }
        .block-local-tasks-block nav ul li a {
          padding: .7rem 2.5rem;
          color: #000000;
          text-decoration: none;
          background-color: #F3F3F3;
          transition: all .3s; }
          .block-local-tasks-block nav ul li a:hover, .block-local-tasks-block nav ul li a:focus, .block-local-tasks-block nav ul li a.is-active {
            background-color: #DAC798; }
      @media screen and (max-width: 991px) {
        .block-local-tasks-block nav ul {
          flex-direction: column; } }
  @media screen and (max-width: 991px) {
    .block-local-tasks-block {
      max-width: 960px; } }

/**
 * @file
 * Social Links Styling
 */
/* ---------------- Share Links  -----------------*/
/* ---------------- Client Social Media Links  -----------------*/
/**
 * @file
 * Pager Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM  -----------------*/
/*************************************************************************************
  Import tous les fichiers _name.scss liés à la recherche
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/**
 * @file
 * Search Form Styling
 */
/* ---------------- DEFAULT -----------------*/
form .vefl-custom {
  padding: 32px 0; }
  form .vefl-custom .vefl-custom-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem; }
    @media screen and (max-width: 767px) {
      form .vefl-custom .vefl-custom-head {
        flex-direction: column; } }
    form .vefl-custom .vefl-custom-head.open {
      padding-bottom: 17px; }
    form .vefl-custom .vefl-custom-head .form-item {
      margin-bottom: 0; }
    form .vefl-custom .vefl-custom-head .head-left {
      width: 280px;
      margin-right: 24px; }
      @media screen and (max-width: 991px) {
        form .vefl-custom .vefl-custom-head .head-left {
          width: 200px; } }
      @media screen and (max-width: 767px) {
        form .vefl-custom .vefl-custom-head .head-left {
          width: 100%;
          margin: 0; } }
      form .vefl-custom .vefl-custom-head .head-left label {
        display: none; }
      form .vefl-custom .vefl-custom-head .head-left input {
        background-image: url(../images/search-icon.svg);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: left 15px center;
        padding-left: 40px !important; }
    form .vefl-custom .vefl-custom-head .btn-primary {
      padding: 10px 35px;
      margin: 0;
      margin-right: 33px; }
      @media screen and (max-width: 767px) {
        form .vefl-custom .vefl-custom-head .btn-primary {
          margin-top: 16px;
          margin-right: 0; } }
    form .vefl-custom .vefl-custom-head .advanced-search {
      color: #1c1c1c;
      font-weight: 500;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 767px) {
        form .vefl-custom .vefl-custom-head .advanced-search {
          margin-top: 16px;
          margin-left: 0; } }
      form .vefl-custom .vefl-custom-head .advanced-search:before {
        content: "";
        font-family: "icomoon";
        display: block;
        margin-right: 5px; }
    form .vefl-custom .vefl-custom-head .head-right {
      flex-grow: 2;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      @media screen and (max-width: 767px) {
        form .vefl-custom .vefl-custom-head .head-right {
          margin-top: 16px; } }
      form .vefl-custom .vefl-custom-head .head-right .item-per-page {
        display: none; }
      form .vefl-custom .vefl-custom-head .head-right .label {
        font-weight: normal;
        font-size: 1.6rem;
        margin-right: 15px; }
      form .vefl-custom .vefl-custom-head .head-right select {
        width: 72px;
        border: none;
        background-color: #FFFFFF; }
    form .vefl-custom .vefl-custom-head .search_details_filter_toggle {
      font-weight: 500;
      display: flex;
      align-items: center;
      cursor: pointer; }
      form .vefl-custom .vefl-custom-head .search_details_filter_toggle:before {
        font-family: "icomoon";
        content: "";
        display: block;
        margin-right: 10px;
        font-size: 1.2rem; }
  form .vefl-custom .complete-search section {
    margin-bottom: 12px; }
    form .vefl-custom .complete-search section:last-child {
      margin-bottom: 0; }
    form .vefl-custom .complete-search section .title {
      font-size: 2.2rem;
      line-height: 1.625rem;
      display: flex;
      align-items: center;
      margin-bottom: 24px; }
    form .vefl-custom .complete-search section .section-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      form .vefl-custom .complete-search section .section-content .flex-fix {
        flex: 0 0 31%; }
    form .vefl-custom .complete-search section .form-item {
      width: calc((100% - 64px) / 3); }
      @media screen and (max-width: 767px) {
        form .vefl-custom .complete-search section .form-item {
          width: 100%; } }
    form .vefl-custom .complete-search section .input-daterange {
      display: flex;
      justify-content: space-between; }
      form .vefl-custom .complete-search section .input-daterange input {
        width: calc((100% - 16px) / 2) !important;
        text-align: left; }
    form .vefl-custom .complete-search section .subtitle {
      font-weight: 500;
      font-size: 1.6rem;
      line-height: 1.5;
      margin: 15px 0; }
  form .vefl-custom .vefl-custom-bottom {
    display: flex;
    align-items: center;
    justify-content: center; }
    form .vefl-custom .vefl-custom-bottom .form-item {
      margin-bottom: 0;
      display: none; }
    form .vefl-custom .vefl-custom-bottom select {
      background-color: #FFFFFF;
      padding-right: 40px; }
    form .vefl-custom .vefl-custom-bottom input[type="submit"] {
      padding: 10px 35px !important;
      border-radius: 80px !important;
      width: auto !important;
      font-size: 1.4rem !important;
      margin: 0 10px;
      margin-top: 12px; }

.paragraph--type--search-artwork .search-artwork .container {
  background: #ffffff;
  padding: 0; }

.paragraph--type--search-artwork .search-artwork form input {
  max-width: 389px;
  margin-right: 32px; }
  @media screen and (max-width: 767px) {
    .paragraph--type--search-artwork .search-artwork form input {
      margin-right: 0; } }

/**
 * @file
 * Exposed Filters Styling - Views and Facet
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- VIEWS FILTERS  -----------------*/
/* ---------------- FACETS FILTERS  -----------------*/
/**
 * @file
 * Search Result Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
.view-artworks-collection .facets-widget-dropdown {
  height: 40px; }

.view-artworks-collection .block-facets-ajax {
  background: white; }

.view-artworks-collection .flex-break-line {
  width: 100%; }

.view-artworks-collection .facet-block {
  margin-right: 16px; }
  .view-artworks-collection .facet-block.auto {
    width: auto; }
    @media screen and (max-width: 767px) {
      .view-artworks-collection .facet-block.auto {
        min-width: auto;
        margin-right: 10px; } }
  @media screen and (max-width: 991px) and (min-width: 767px) {
    .view-artworks-collection .facet-block {
      min-width: calc((100% / 3) - 16px);
      margin-bottom: 24px; }
      .view-artworks-collection .facet-block:nth-last-child(-n+3) {
        margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .view-artworks-collection .facet-block {
      width: 100%;
      margin: 0;
      margin-bottom: 16px; }
      .view-artworks-collection .facet-block .facets-widget-dropdown {
        position: relative;
        height: auto; }
        .view-artworks-collection .facet-block .facets-widget-dropdown::before {
          content: "";
          font-family: "icomoon";
          vertical-align: middle;
          font-size: 1rem;
          right: 14px;
          position: absolute;
          top: 33px;
          transform: rotate(90deg);
          z-index: 20;
          content: none; }
      .view-artworks-collection .facet-block select {
        width: 100%;
        padding: 10px;
        appearance: none;
        background-color: #FFFFFF;
        position: relative; } }
  .view-artworks-collection .facet-block:last-child {
    margin-right: 0; }
    @media screen and (max-width: 1199px) {
      .view-artworks-collection .facet-block:last-child .chosen-drop {
        right: 0; } }
    @media screen and (max-width: 767px) {
      .view-artworks-collection .facet-block:last-child {
        margin-bottom: 0; } }
  @media screen and (max-width: 1199px) {
    .view-artworks-collection .facet-block:nth-last-child(-n+2) .chosen-drop {
      right: 0; } }

.view-artworks-collection .facets-widget-checkbox {
  display: flex;
  align-items: center; }
  .view-artworks-collection .facets-widget-checkbox .checkbox-title {
    margin: 18px 0;
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .view-artworks-collection .facets-widget-checkbox .checkbox-title {
        width: calc(100vw - 30px);
        display: block;
        margin-right: 0; } }
  .view-artworks-collection .facets-widget-checkbox label {
    margin-left: 4px; }
  .view-artworks-collection .facets-widget-checkbox ul {
    list-style-type: none;
    padding-left: 0;
    margin: 18px 0; }
    @media screen and (max-width: 767px) {
      .view-artworks-collection .facets-widget-checkbox ul {
        margin: 0; } }

.view-artworks-collection .chosen-container-multi .chosen-results,
.view-artworks-collection .chosen-container .chosen-results {
  margin: 4px 4px 4px 0; }

.view-artworks-collection .chosen-choices,
.view-artworks-collection .chosen-single {
  background: white;
  box-shadow: none;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 0 10px;
  padding-right: 30px; }
  .view-artworks-collection .chosen-choices li.search-field,
  .view-artworks-collection .chosen-single li.search-field {
    width: 100%; }
    .view-artworks-collection .chosen-choices li.search-field input[type="text"],
    .view-artworks-collection .chosen-single li.search-field input[type="text"] {
      font-family: "Montserrat"; }

.view-artworks-collection .chosen-single {
  background: white !important;
  box-shadow: none;
  line-height: 40px;
  height: 40px; }
  .view-artworks-collection .chosen-single:first-letter {
    text-transform: uppercase; }
  .view-artworks-collection .chosen-single div b {
    display: none; }

.view-artworks-collection .node--type-artwork {
  background: #FFFFFF;
  margin-bottom: 30px; }
  .view-artworks-collection .node--type-artwork .content-wrapper {
    padding: 24px; }
    .view-artworks-collection .node--type-artwork .content-wrapper h2 {
      margin: 0;
      color: #3E3636; }

.view-artworks-collection .pager {
  padding: 40px 0;
  background: #FFFFFF; }

/*************************************************************************************
  Import tous les fichiers _name.scss liés au "component"
  NE PAS APPLIQUER DES STYLES ICI.
****************************************************************************************/
/**
 * @file
 * Block Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/*
  .block-[configuration.provider] { }
  .block-[plugin_id] { }
*/
/**
 * @file
 * Views Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/**
 * @file
 * Nodes Styling
 */
/* ---------------- DEFAULT -----------------*/
/* ---------------- CUSTOM -----------------*/
/* .node--type-[node.bundle] { }
 .node--view-mode-[view_mode] { }
 */
.view-agenda-list.event-list {
  text-align: center; }
  .view-agenda-list.event-list .btn-primary {
    margin: 40px auto; }

.view-agenda-list.no-events {
  text-align: center; }

.view-agenda-list .container > .row {
  display: flex;
  flex-wrap: wrap; }

.view-agenda-list .event-slider article {
  padding-bottom: 20px; }
  .view-agenda-list .event-slider article .event-content .read-more {
    position: absolute;
    bottom: 20px; }

.view-agenda-list > .row-no-gutters {
  display: flex; }
  @media screen and (max-width: 991px) {
    .view-agenda-list > .row-no-gutters {
      flex-direction: column; } }

.view-agenda-list .bloc-date {
  position: sticky;
  min-width: 148px;
  height: 148px;
  top: 180px;
  margin-bottom: 30px; }

.node-agenda-list {
  margin-bottom: 40px;
  clear: both;
  text-align: left; }
  .node-agenda-list .no-gutters {
    clear: both; }
  .node-agenda-list .image-container figure {
    margin: 0; }
  @media screen and (max-width: 767px) {
    .node-agenda-list .image-container img {
      padding-right: 0;
      width: 100%; } }
  .node-agenda-list .event-content {
    padding-left: 32px; }
    @media screen and (max-width: 1199px) {
      .node-agenda-list .event-content {
        padding-left: 15px; } }
    @media screen and (max-width: 991px) {
      .node-agenda-list .event-content {
        padding-left: 0;
        padding-top: 15px; } }
    .node-agenda-list .event-content .event-type {
      font-size: 1.4rem;
      line-height: 1rem;
      text-transform: uppercase;
      color: #5C5C5C; }
      @media screen and (max-width: 767px) {
        .node-agenda-list .event-content .event-type {
          margin-top: 15px; } }
    .node-agenda-list .event-content h3 {
      margin: 9px 0; }
      .node-agenda-list .event-content h3 a {
        color: #1c1c1c;
        text-decoration: none; }
    .node-agenda-list .event-content .event-informations {
      display: flex;
      flex-wrap: wrap;
      color: #1c1c1c;
      font-size: 1.3rem;
      line-height: 0.9rem;
      font-weight: 500;
      margin-top: 10px; }
      .node-agenda-list .event-content .event-informations > div {
        margin-right: 24px;
        margin-top: 15px;
        display: flex; }
        .node-agenda-list .event-content .event-informations > div > div {
          margin-right: 5px; }
        .node-agenda-list .event-content .event-informations > div:before {
          font-family: "icomoon";
          margin-right: 9px; }
        .node-agenda-list .event-content .event-informations > div.hours:before {
          content: ""; }
        .node-agenda-list .event-content .event-informations > div.duration:before {
          content: ""; }
        .node-agenda-list .event-content .event-informations > div.price:before {
          content: ""; }
        .node-agenda-list .event-content .event-informations > div.location:before {
          content: ""; }
    .node-agenda-list .event-content .almost-full {
      margin-top: 24px;
      color: #EB5757;
      font-size: 1.3rem;
      line-height: 0.9rem;
      font-weight: 500;
      display: flex; }
      .node-agenda-list .event-content .almost-full:before {
        content: "";
        font-family: "icomoon";
        margin-right: 9px; }
  .node-agenda-list .book-for-event {
    display: flex;
    align-items: center; }
    .node-agenda-list .book-for-event:before {
      content: "";
      display: block;
      flex-grow: 2;
      margin-right: 24px;
      height: 1px;
      background: #1c1c1c; }

.paragraph--type--bloc-artworks-discover .collection-label {
  font-size: 1.3rem;
  line-height: 0.7rem;
  color: #3E3636;
  float: right;
  padding: 0 15px;
  display: none; }
  @media screen and (max-width: 767px) {
    .paragraph--type--bloc-artworks-discover .collection-label {
      display: flex; } }
  .paragraph--type--bloc-artworks-discover .collection-label span {
    display: block;
    margin-left: 10px;
    transform: rotate(180deg); }
    .paragraph--type--bloc-artworks-discover .collection-label span:after {
      content: "";
      font-family: "icomoon"; }

.paragraph--type--bloc-artworks-discover h1,
.paragraph--type--bloc-artworks-discover .subtitle {
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .paragraph--type--bloc-artworks-discover h1,
    .paragraph--type--bloc-artworks-discover .subtitle {
      margin-left: 0; } }

.paragraph--type--bloc-artworks-discover .artwork-list-wrapper {
  cursor: grab;
  overflow: auto;
  overflow-x: hidden; }
  .paragraph--type--bloc-artworks-discover .artwork-list-wrapper:active {
    cursor: grabbing; }
  @media screen and (max-width: 1199px) {
    .paragraph--type--bloc-artworks-discover .artwork-list-wrapper {
      overflow-x: visible;
      width: 100%; } }
  .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list {
    display: flex;
    padding-bottom: 50px;
    max-height: 600px;
    height: 600px;
    flex-direction: column;
    flex-wrap: wrap; }
    .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list .field__item {
      transition: opacity 0.5s ease-in-out;
      opacity: 0;
      min-height: 1px; }
      .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list .field__item.opacity {
        opacity: 1; }
    .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a,
    .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a:hover {
      margin: 16px;
      display: block;
      cursor: grab;
      max-width: 232px; }
      .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a:active,
      .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a:hover:active {
        cursor: grabbing; }
      @media screen and (max-width: 767px) {
        .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a,
        .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a:hover {
          max-width: 160px;
          margin: 8px; }
          .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a picture,
          .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list a:hover picture {
            margin: 0; } }
    .paragraph--type--bloc-artworks-discover .artwork-list-wrapper .artwork-list img {
      width: 100%;
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.paragraph--type--bloc-artworks-discover .btn-primary {
  margin: 10px auto; }

@media screen and (max-width: 767px) {
  .paragraph--type--hp-spotlight-collections {
    padding-right: 0; } }

.paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-title {
  display: inline-flex;
  margin: 20px 0;
  margin-left: 100px; }
  @media screen and (max-width: 767px) {
    .paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-title {
      margin-left: 0; } }

.paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-subtitle {
  font-size: 1.6rem;
  line-height: 1.2rem;
  margin-bottom: 30px; }
  @media screen and (min-width: 768px) {
    .paragraph--type--hp-spotlight-collections .field--name-field-hp-spotlight-coll-subtitle {
      margin-left: 100px; } }

.paragraph--type--collection-text-block {
  position: relative;
  margin-top: 100px;
  padding: 20px 0 120px;
  background: #DAC798; }
  .paragraph--type--collection-text-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 92px;
    top: -92px;
    left: 0;
    background: url("../images/frise.svg") repeat-x 0 0 transparent; }
  .paragraph--type--collection-text-block .title {
    display: inline-block;
    margin-bottom: 25px; }
  .paragraph--type--collection-text-block .text {
    font-size: 1.6rem;
    line-height: 1.5;
    width: 590px;
    max-width: 100%; }
  .paragraph--type--collection-text-block .link {
    color: #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    margin-top: 25px; }
    .paragraph--type--collection-text-block .link:before {
      content: "";
      font-family: "icomoon";
      font-size: 1.3rem;
      margin-right: 10px; }
  .paragraph--type--collection-text-block .inverted-button {
    margin-top: 25px;
    text-decoration: none;
    padding: 16px 30px; }

.paragraph--type--collections-bloc-content .field--name-field-oll-bloc-content-title {
  margin-top: 80px; }

.paragraph--type--collections-bloc-content .field--name-field-coll-bloc-content-subtitle {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-left: 100px;
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .paragraph--type--collections-bloc-content .field--name-field-coll-bloc-content-subtitle {
      margin-left: 0; } }

body.using-ie .paragraph--type--bloc-artworks-discover .cursor {
  display: none !important; }

body.using-ie .artwork-list-wrapper {
  cursor: default !important; }
  body.using-ie .artwork-list-wrapper a:hover {
    cursor: default !important; }

.page-node-type-exhibition-event .content-wrapper,
.page-node-type-mediation-event .content-wrapper,
.page-node-type-audito-event .content-wrapper {
  margin-bottom: 50px; }
  .page-node-type-exhibition-event .content-wrapper .content,
  .page-node-type-mediation-event .content-wrapper .content,
  .page-node-type-audito-event .content-wrapper .content {
    font-size: 1.6rem;
    line-height: 1.5; }
    .page-node-type-exhibition-event .content-wrapper .content .dots,
    .page-node-type-mediation-event .content-wrapper .content .dots,
    .page-node-type-audito-event .content-wrapper .content .dots {
      cursor: pointer; }
    .page-node-type-exhibition-event .content-wrapper .content .more,
    .page-node-type-mediation-event .content-wrapper .content .more,
    .page-node-type-audito-event .content-wrapper .content .more {
      display: none; }
  .page-node-type-exhibition-event .content-wrapper .commissaires,
  .page-node-type-mediation-event .content-wrapper .commissaires,
  .page-node-type-audito-event .content-wrapper .commissaires {
    padding-top: 30px;
    clear: both; }

.view-expositions .view-content .row {
  display: flex;
  flex-wrap: wrap; }
  .view-expositions .view-content .row .views-row {
    height: 100%;
    padding-bottom: 30px; }
    .view-expositions .view-content .row .views-row > article {
      height: 100%;
      display: flex;
      flex-direction: column; }
      .view-expositions .view-content .row .views-row > article figure {
        margin: 0; }
      .view-expositions .view-content .row .views-row > article .event-content,
      .view-expositions .view-content .row .views-row > article .booking-link {
        flex-grow: 2;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }

.page-node-type-homepage .region-navigation .container #menuToggle {
  color: #FFFFFF; }
  .page-node-type-homepage .region-navigation .container #menuToggle .burger-icon span {
    background-color: #FFFFFF; }

.page-node-type-homepage .region-navigation .container .site-logo img {
  filter: invert(1); }

@media screen and (min-width: 992px) {
  .page-node-type-homepage .region-navigation .container nav > ul.menu > li > a, .page-node-type-homepage .region-navigation .container nav > ul.menu > li span {
    color: #FFFFFF; } }

.page-node-type-homepage .region-navigation .top-navigation > button {
  color: #FFFFFF; }

.page-node-type-homepage .region-navigation button.language-link {
  color: #FFFFFF; }

.page-node-type-homepage .region-navigation.opened .container #menuToggle .burger-icon span {
  background-color: #000000; }

.page-node-type-homepage .region-navigation.opened .container .site-logo img {
  filter: invert(0); }

.page-node-type-homepage .region-breadcrumb {
  display: none; }

.path-frontpage .video-wrapper {
  width: 100%;
  height: 75vh;
  position: relative;
  z-index: 1;
  margin-top: -122px;
  overflow: hidden; }
  .path-frontpage .video-wrapper .video-control {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    bottom: 16px;
    right: 24px;
    cursor: pointer; }
    .path-frontpage .video-wrapper .video-control:before, .path-frontpage .video-wrapper .video-control:after {
      content: "";
      width: 3px;
      height: 14px;
      background: #FFFFFF;
      display: block;
      margin: 0 3px; }
    .path-frontpage .video-wrapper .video-control.pause:before {
      content: none; }
    .path-frontpage .video-wrapper .video-control.pause:after {
      left: 20%;
      top: 50%;
      border: solid transparent;
      content: "";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-left-color: #FFF;
      border-width: 10px;
      margin-top: -10px;
      background: transparent; }
  .path-frontpage .video-wrapper #bgvid {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100vw;
    transition: all 0.4s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 767px) {
      .path-frontpage .video-wrapper #bgvid {
        height: 100vh; } }

#block-orsaywhitecard,
#block-orangeriewhitecard {
  clear: both;
  margin-top: 80px;
  margin-bottom: 80px; }
  @media screen and (max-width: 767px) {
    #block-orsaywhitecard,
    #block-orangeriewhitecard {
      margin-top: 70px; } }

.item-favorite .node {
  margin-bottom: 25px !important;
  padding-bottom: 0 !important;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  @media screen and (min-width: 768px) {
    .item-favorite .node {
      margin-bottom: 30px !important; } }
  .item-favorite .node .event-content {
    padding: 30px;
    min-height: 285px;
    background: rgba(28, 28, 28, 0.7); }
  .item-favorite .node .event-type {
    text-transform: uppercase; }
  .item-favorite .node h3 {
    margin: 8px 0; }
    .item-favorite .node h3 a {
      color: #FFFFFF;
      text-decoration: none;
      cursor: none; }
  .item-favorite .node .discover {
    display: none; }

.item-favorite.first-item-favorite .node .event-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 286px;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .item-favorite.first-item-favorite .node .event-content {
      min-height: 600px; } }
  .item-favorite.first-item-favorite .node .event-content .discover {
    display: block;
    color: #FFFFFF;
    font-weight: 500;
    margin-top: 20px; }
    @media screen and (min-width: 768px) {
      .item-favorite.first-item-favorite .node .event-content .discover {
        display: none; } }
    .item-favorite.first-item-favorite .node .event-content .discover:before {
      content: "";
      font-family: "icomoon";
      font-size: 1.1rem;
      margin-right: 7px; }

@media screen and (min-width: 768px) {
  .item-favorite.first-item-favorite .node h3 {
    font-size: 4rem; } }

@media screen and (min-width: 768px) {
  .item-favorite.first-item-favorite .node .date {
    font-size: 1.9rem; } }

.item-favorite:not(.first-item-favorite) .node .event-content {
  display: flex;
  justify-content: flex-end;
  flex-direction: column; }

.display-anim {
  opacity: 0;
  transition: all 900ms ease;
  transform: translate(0, 100px);
  backface-visibility: hidden; }

.display-anim.from-left {
  transform: translate3d(-100px, 0, 0); }

.display-anim.from-right {
  transform: translate3d(100px, 0, 0); }

.display-anim.active, .display-anim.from-right.active, .display-anim.from-left.active {
  opacity: 1;
  transform: translate(0, 0); }

@media screen and (max-width: 767px) {
  .block-moo-header-news-block .tns-outer {
    margin-left: 0;
    padding: 0 30px !important; }
    .block-moo-header-news-block .tns-outer .tns-ovh {
      overflow: hidden; } }

.block-moo-header-news-block .tns-controls {
  display: block !important; }
  .block-moo-header-news-block .tns-controls button {
    border: none;
    top: 39%;
    background: none; }
    @media screen and (max-width: 767px) {
      .block-moo-header-news-block .tns-controls button {
        top: 34%; }
        .block-moo-header-news-block .tns-controls button:first-child {
          left: 0; }
        .block-moo-header-news-block .tns-controls button:last-child {
          right: 0; } }
    .block-moo-header-news-block .tns-controls button:before {
      font-size: 1rem; }

.block-moo-header-news-block .container {
  padding: 0 8%;
  margin-top: 48px; }
  @media screen and (max-width: 767px) {
    .block-moo-header-news-block .container {
      padding: 0; } }

.block-moo-header-news-block ul {
  list-style-type: none; }
  .block-moo-header-news-block ul li {
    margin: 0; }
    .block-moo-header-news-block ul li a {
      color: #000000;
      text-decoration: none;
      white-space: nowrap;
      padding: 0 12px; }

.paragraph--type--simple-slider header {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .paragraph--type--simple-slider header {
      flex-direction: column;
      margin-bottom: 30px; } }

.paragraph--type--simple-slider .field--name-field-content-ref .row {
  display: flex; }
  @media screen and (min-width: 768px) {
    .paragraph--type--simple-slider .field--name-field-content-ref .row > div[class^="col-"] > .field__item {
      margin-bottom: 10px;
      height: 100%; } }
  .paragraph--type--simple-slider .field--name-field-content-ref .row > div[class^="col-"] > .field__item .content-wrapper {
    justify-content: flex-start; }

.node--type-carrefour-page .page-title {
  margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .node--type-carrefour-page .page-title {
      line-height: 4.5rem; } }

@media screen and (max-width: 767px) {
  .bloc-select-date {
    padding: 0 15px; } }

@media screen and (max-width: 991px) {
  .bloc-select-date .select-date {
    height: auto; } }

.bloc-select-date .select-date .flex-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 991px) {
    .bloc-select-date .select-date .flex-content {
      flex-direction: column;
      align-items: center; } }

.bloc-select-date .select-date .select-date-wrapper {
  padding-right: 56px;
  flex-grow: 2; }
  @media screen and (max-width: 991px) {
    .bloc-select-date .select-date .select-date-wrapper {
      width: 100%;
      padding-right: 0;
      margin-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .bloc-select-date .select-date .select-date-wrapper {
      padding-right: 0; } }
  .bloc-select-date .select-date .select-date-wrapper a {
    text-transform: capitalize; }

.bloc-select-date .select-date .slide-date {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0; }
  @media screen and (max-width: 767px) {
    .bloc-select-date .select-date .slide-date {
      justify-content: flex-start; } }
  .bloc-select-date .select-date .slide-date li {
    /*@media screen and (max-width: $screen-xs-max) {
          &:nth-child(3),
          &:nth-child(6) {
            margin-right: 0;
          }
        }*/ }
    @media screen and (max-width: 767px) {
      .bloc-select-date .select-date .slide-date li {
        margin-right: 12px;
        margin-bottom: 12px; } }
    .bloc-select-date .select-date .slide-date li:nth-child(n+8) {
      display: none; }
    .bloc-select-date .select-date .slide-date li a {
      text-align: left;
      display: block;
      color: #3E3636;
      text-decoration: none; }
      .bloc-select-date .select-date .slide-date li a:not(.disabled):hover {
        background: #3E3636;
        color: #FFFFFF; }
      .bloc-select-date .select-date .slide-date li a .day {
        line-height: 1.5; }

.bloc-select-date .select-date .pick-a-date {
  position: relative; }
  @media screen and (max-width: 767px) {
    .bloc-select-date .select-date .pick-a-date {
      width: 100%; } }
  .bloc-select-date .select-date .pick-a-date .form-item {
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .bloc-select-date .select-date .pick-a-date .form-item {
        margin: 0; } }
  .bloc-select-date .select-date .pick-a-date label {
    display: flex;
    align-items: center;
    width: 224px;
    height: 88px;
    border: 1px solid #3E3636;
    padding: 22px 18px;
    cursor: pointer;
    font-size: 1.6rem;
    margin-bottom: 0; }
    .bloc-select-date .select-date .pick-a-date label:before {
      content: "";
      font-family: "icomoon";
      font-size: 2.6rem;
      margin-right: 13px; }
    @media screen and (max-width: 1199px) {
      .bloc-select-date .select-date .pick-a-date label {
        width: 198px;
        justify-content: center; } }
    @media screen and (max-width: 767px) {
      .bloc-select-date .select-date .pick-a-date label {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 13px 18px; } }
  .bloc-select-date .select-date .pick-a-date input {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0;
    transform: none;
    opacity: 0;
    height: 83px;
    font-size: 0 !important; }
    .bloc-select-date .select-date .pick-a-date input:hover {
      cursor: pointer; }

/*# sourceMappingURL=main.css.map */