@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

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

button {
  padding: 0px;
  border-width: 0px;
  background-color: transparent; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    button {
      padding-bottom: 0px; } }

button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -2px;
  margin-bottom: -2px; }

a {
  box-sizing: border-box; }

.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px; }

.form-group {
  margin-bottom: 0px; }

.form-control::-moz-placeholder {
  color: inherit;
  opacity: 1; }

a {
  color: inherit;
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: inherit;
    text-decoration: none; }

::-webkit-input-placeholder {
  opacity: 1 !important; }

:-moz-placeholder {
  opacity: 1 !important; }

::-moz-placeholder {
  opacity: 1 !important; }

:-ms-input-placeholder {
  opacity: 1 !important; }

/* Couleurs */
/* Boutons */
/* Fonts */
/* RWD */
/*------------------------------------*\
    			OBJECTS
\*------------------------------------*/
/************* Constructeurs
 * $BOUTONS........................... Corps de texte
 * $BOUTONS PICTO
 * LOCKBAR
 * ACTUS
 * TITRES
 * LOCKED PICTURES
 * PAGINATION

/* BOUTONS */
.mac.class_group_content.class_identifier_page_wide .callToAction--dark .innerContent {
  padding-top: 10px; }

/* BOUTONS PICTO */
/* LOCKBAR */
/* ACTUS */
/* TITRES */
/* LOCKED PICTURES */
/* PAGINATION */
/* SVG Comportement Général */
.has-picto-archive {
  /* CAS GENERAUX */ }
  .has-picto-archive .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-archive.has-self-hover .svg-picto-archive:hover .st0, .has-picto-archive.has-self-hover .svg-picto-archive:focus .st0, .has-picto-archive.has-self-hover .svg-picto-archive:active .st0 {
    fill: #D8383F; }
  .has-picto-archive.has-content-hover:hover .svg-picto-archive .st0, .has-picto-archive.has-content-hover:focus .svg-picto-archive .st0, .has-picto-archive.has-content-hover:active .svg-picto-archive .st0 {
    fill: #D8383F; }
  .has-picto-archive .svg-picto-archive .st0 {
    fill: #1D1D1E; }
  .has-picto-archive .svg-picto-archive .st0 {
    stroke: none; }
  .has-picto-archive .svg-picto-archive {
    width: 33.5px;
    height: 26.9px; }

.has-picto-more {
  /* CAS GENERAUX */ }
  .has-picto-more .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-more.has-self-hover .svg-picto-more:hover .st0, .has-picto-more.has-self-hover .svg-picto-more:focus .st0, .has-picto-more.has-self-hover .svg-picto-more:active .st0 {
    stroke: #D8383F; }
  .has-picto-more.has-content-hover:hover .svg-picto-more .st0, .has-picto-more.has-content-hover:focus .svg-picto-more .st0, .has-picto-more.has-content-hover:active .svg-picto-more .st0 {
    stroke: #D8383F; }
  .has-picto-more .svg-picto-more .st0 {
    fill: none; }
  .has-picto-more .svg-picto-more .st0 {
    stroke: #1D1D1E; }
  .has-picto-more .svg-picto-more {
    width: 17px;
    height: 17px; }
    .has-picto-more .svg-picto-more .st0 {
      stroke-width: 2.118;
      stroke-miterlimit: 10; }

.has-picto-agenda {
  /* CAS GENERAUX */ }
  .has-picto-agenda .svg-picto-agenda {
    width: 35.5px;
    height: 34.2px; }
    .has-picto-agenda .svg-picto-agenda .st0 {
      stroke-width: 3.769;
      stroke-miterlimit: 10; }
    .has-picto-agenda .svg-picto-agenda .st1 {
      stroke-width: 2.09;
      stroke-miterlimit: 10; }
  .has-picto-agenda .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-agenda .st1 {
    transition: all 0.3s ease 0s; }
  .has-picto-agenda.has-self-hover .svg-picto-agenda:hover .st0, .has-picto-agenda.has-self-hover .svg-picto-agenda:focus .st0, .has-picto-agenda.has-self-hover .svg-picto-agenda:active .st0 {
    stroke: #D8383F; }
  .has-picto-agenda.has-self-hover .svg-picto-agenda:hover .st1, .has-picto-agenda.has-self-hover .svg-picto-agenda:focus .st1, .has-picto-agenda.has-self-hover .svg-picto-agenda:active .st1 {
    stroke: #D8383F; }
  .has-picto-agenda.has-content-hover:hover .svg-picto-agenda .st0, .has-picto-agenda.has-content-hover:focus .svg-picto-agenda .st0, .has-picto-agenda.has-content-hover:active .svg-picto-agenda .st0 {
    stroke: #D8383F; }
  .has-picto-agenda.has-content-hover:hover .svg-picto-agenda .st1, .has-picto-agenda.has-content-hover:focus .svg-picto-agenda .st1, .has-picto-agenda.has-content-hover:active .svg-picto-agenda .st1 {
    stroke: #D8383F; }
  .has-picto-agenda .svg-picto-agenda .st0 {
    fill: none; }
  .has-picto-agenda .svg-picto-agenda .st1 {
    fill: none; }
  .has-picto-agenda .svg-picto-agenda .st0 {
    stroke: #1D1D1E; }
  .has-picto-agenda .svg-picto-agenda .st1 {
    stroke: #1D1D1E; }

.has-picto-timer {
  /* CAS GENERAUX */ }
  .has-picto-timer .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-timer.has-self-hover .svg-picto-timer:hover .st0, .has-picto-timer.has-self-hover .svg-picto-timer:focus .st0, .has-picto-timer.has-self-hover .svg-picto-timer:active .st0 {
    stroke: #D8383F; }
  .has-picto-timer.has-content-hover:hover .svg-picto-timer .st0, .has-picto-timer.has-content-hover:focus .svg-picto-timer .st0, .has-picto-timer.has-content-hover:active .svg-picto-timer .st0 {
    stroke: #D8383F; }
  .has-picto-timer .svg-picto-timer .st0 {
    fill: none; }
  .has-picto-timer .svg-picto-timer .st0 {
    stroke: #7b7c7e; }
  .has-picto-timer .svg-picto-timer {
    height: 20.7px;
    width: 20.7px; }
    .has-picto-timer .svg-picto-timer .st0 {
      stroke-width: 1.735;
      stroke-miterlimit: 10; }

.has-picto-search {
  /* CAS GENERAUX */ }
  .has-picto-search .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-search.has-self-hover .svg-picto-search:hover .st0, .has-picto-search.has-self-hover .svg-picto-search:focus .st0, .has-picto-search.has-self-hover .svg-picto-search:active .st0 {
    fill: #D8383F; }
  .has-picto-search.has-content-hover:hover .svg-picto-search .st0, .has-picto-search.has-content-hover:focus .svg-picto-search .st0, .has-picto-search.has-content-hover:active .svg-picto-search .st0 {
    fill: #D8383F; }
  .has-picto-search .svg-picto-search .st0 {
    fill: #FFF; }
  .has-picto-search .svg-picto-search .st0 {
    stroke: none; }
  .has-picto-search .svg-picto-search {
    width: 17.7px;
    height: 17.7px; }
    .has-picto-search .svg-picto-search .st0 {
      fill: #FFF; }

.has-picto-download {
  /* CAS GENERAUX */ }
  .has-picto-download .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-download.has-self-hover .svg-picto-download:hover .st0, .has-picto-download.has-self-hover .svg-picto-download:focus .st0, .has-picto-download.has-self-hover .svg-picto-download:active .st0 {
    fill: #D8383F; }
  .has-picto-download.has-content-hover:hover .svg-picto-download .st0, .has-picto-download.has-content-hover:focus .svg-picto-download .st0, .has-picto-download.has-content-hover:active .svg-picto-download .st0 {
    fill: #D8383F; }
  .has-picto-download .svg-picto-download .st0 {
    fill: #1D1D1E; }
  .has-picto-download .svg-picto-download .st0 {
    stroke: none; }
  .has-picto-download .svg-picto-download {
    width: 28.4px;
    height: 34.5px; }

.has-picto-empty {
  /* CAS GENERAUX */ }
  .has-picto-empty .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-empty.has-self-hover .svg-picto-empty:hover .st0, .has-picto-empty.has-self-hover .svg-picto-empty:focus .st0, .has-picto-empty.has-self-hover .svg-picto-empty:active .st0 {
    stroke: #D8383F; }
  .has-picto-empty.has-content-hover:hover .svg-picto-empty .st0, .has-picto-empty.has-content-hover:focus .svg-picto-empty .st0, .has-picto-empty.has-content-hover:active .svg-picto-empty .st0 {
    stroke: #D8383F; }
  .has-picto-empty .svg-picto-empty .st0 {
    fill: none; }
  .has-picto-empty .svg-picto-empty .st0 {
    stroke: #1D1D1E; }
  .has-picto-empty .svg-picto-empty .st0 {
    stroke-width: 9.017;
    stroke-miterlimit: 10; }

.has-picto-scrollTo {
  /* CAS GENERAUX */ }
  .has-picto-scrollTo .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-scrollTo.has-self-hover .svg-picto-scrollTo:hover .st0, .has-picto-scrollTo.has-self-hover .svg-picto-scrollTo:focus .st0, .has-picto-scrollTo.has-self-hover .svg-picto-scrollTo:active .st0 {
    stroke: #D8383F; }
  .has-picto-scrollTo.has-content-hover:hover .svg-picto-scrollTo .st0, .has-picto-scrollTo.has-content-hover:focus .svg-picto-scrollTo .st0, .has-picto-scrollTo.has-content-hover:active .svg-picto-scrollTo .st0 {
    stroke: #D8383F; }
  .has-picto-scrollTo .svg-picto-scrollTo .st0 {
    fill: none; }
  .has-picto-scrollTo .svg-picto-scrollTo .st0 {
    stroke: #FFF; }
  .has-picto-scrollTo .svg-picto-scrollTo {
    width: 33.5px;
    height: 24.8px; }
    .has-picto-scrollTo .svg-picto-scrollTo .st0 {
      stroke-width: 11.2;
      stroke-miterlimit: 10; }

.has-picto-scrollTop {
  /* CAS GENERAUX */ }
  .has-picto-scrollTop .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-scrollTop.has-self-hover .svg-picto-scrollTop:hover .st0, .has-picto-scrollTop.has-self-hover .svg-picto-scrollTop:focus .st0, .has-picto-scrollTop.has-self-hover .svg-picto-scrollTop:active .st0 {
    stroke: #D8383F; }
  .has-picto-scrollTop.has-content-hover:hover .svg-picto-scrollTop .st0, .has-picto-scrollTop.has-content-hover:focus .svg-picto-scrollTop .st0, .has-picto-scrollTop.has-content-hover:active .svg-picto-scrollTop .st0 {
    stroke: #D8383F; }
  .has-picto-scrollTop .svg-picto-scrollTop .st0 {
    fill: none; }
  .has-picto-scrollTop .svg-picto-scrollTop .st0 {
    stroke: #1D1D1E; }
  .has-picto-scrollTop .svg-picto-scrollTop {
    width: 33.5px;
    height: 24.8px; }
    .has-picto-scrollTop .svg-picto-scrollTop .st0 {
      stroke-width: 11.2;
      stroke-miterlimit: 10; }

.has-picto-arrow-right {
  /* CAS GENERAUX */ }
  .has-picto-arrow-right .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-arrow-right.has-self-hover .svg-picto-arrow-right:hover .st0, .has-picto-arrow-right.has-self-hover .svg-picto-arrow-right:focus .st0, .has-picto-arrow-right.has-self-hover .svg-picto-arrow-right:active .st0 {
    stroke: #D8383F; }
  .has-picto-arrow-right.has-content-hover:hover .svg-picto-arrow-right .st0, .has-picto-arrow-right.has-content-hover:focus .svg-picto-arrow-right .st0, .has-picto-arrow-right.has-content-hover:active .svg-picto-arrow-right .st0 {
    stroke: #D8383F; }
  .has-picto-arrow-right .svg-picto-arrow-right .st0 {
    fill: none; }
  .has-picto-arrow-right .svg-picto-arrow-right .st0 {
    stroke: #000; }
  .has-picto-arrow-right .svg-picto-arrow-right {
    width: 9.3px;
    height: 12.6px; }
    .has-picto-arrow-right .svg-picto-arrow-right .st0 {
      stroke-width: 4.2;
      stroke-miterlimit: 10; }

.has-picto-arrow-left {
  /* CAS GENERAUX */ }
  .has-picto-arrow-left .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-arrow-left.has-self-hover .svg-picto-arrow-right:hover .st0, .has-picto-arrow-left.has-self-hover .svg-picto-arrow-right:focus .st0, .has-picto-arrow-left.has-self-hover .svg-picto-arrow-right:active .st0 {
    stroke: #D8383F; }
  .has-picto-arrow-left.has-content-hover:hover .svg-picto-arrow-right .st0, .has-picto-arrow-left.has-content-hover:focus .svg-picto-arrow-right .st0, .has-picto-arrow-left.has-content-hover:active .svg-picto-arrow-right .st0 {
    stroke: #D8383F; }
  .has-picto-arrow-left .svg-picto-arrow-right .st0 {
    fill: none; }
  .has-picto-arrow-left .svg-picto-arrow-right .st0 {
    stroke: #000; }
  .has-picto-arrow-left .svg-picto-arrow-left {
    width: 13.4px;
    height: 18.6px; }
    .has-picto-arrow-left .svg-picto-arrow-left .st0 {
      stroke-width: 5.785;
      stroke-miterlimit: 10; }

.has-picto-share {
  /* CAS GENERAUX */ }
  .has-picto-share .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-share .st1 {
    transition: all 0.3s ease 0s; }
  .has-picto-share.has-self-hover .svg-picto-share:hover .st0, .has-picto-share.has-self-hover .svg-picto-share:focus .st0, .has-picto-share.has-self-hover .svg-picto-share:active .st0 {
    fill: #D8383F; }
  .has-picto-share.has-self-hover .svg-picto-share:hover .st1, .has-picto-share.has-self-hover .svg-picto-share:focus .st1, .has-picto-share.has-self-hover .svg-picto-share:active .st1 {
    fill: #D8383F; }
  .has-picto-share.has-content-hover:hover .svg-picto-share .st0, .has-picto-share.has-content-hover:focus .svg-picto-share .st0, .has-picto-share.has-content-hover:active .svg-picto-share .st0 {
    fill: #D8383F; }
  .has-picto-share.has-content-hover:hover .svg-picto-share .st1, .has-picto-share.has-content-hover:focus .svg-picto-share .st1, .has-picto-share.has-content-hover:active .svg-picto-share .st1 {
    fill: #D8383F; }
  .has-picto-share .svg-picto-share .st0 {
    fill: #FFF; }
  .has-picto-share .svg-picto-share .st1 {
    fill: #FFF; }
  .has-picto-share .svg-picto-share .st0 {
    stroke: none; }
  .has-picto-share .svg-picto-share .st1 {
    stroke: none; }
  .has-picto-share .svg-picto-share {
    width: 18.6px;
    height: 20.8px; }
    .has-picto-share .svg-picto-share .st0 {
      clip-path: url(#SVGID_2_); }
    .has-picto-share .svg-picto-share .st1 {
      clip-path: url(#SVGID_4_); }

.has-picto-footer-presse {
  /* CAS GENERAUX */ }
  .has-picto-footer-presse .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-footer-presse.has-self-hover .svg-picto-footer-presse:hover .st0, .has-picto-footer-presse.has-self-hover .svg-picto-footer-presse:focus .st0, .has-picto-footer-presse.has-self-hover .svg-picto-footer-presse:active .st0 {
    stroke: #D8383F; }
  .has-picto-footer-presse.has-content-hover:hover .svg-picto-footer-presse .st0, .has-picto-footer-presse.has-content-hover:focus .svg-picto-footer-presse .st0, .has-picto-footer-presse.has-content-hover:active .svg-picto-footer-presse .st0 {
    stroke: #D8383F; }
  .has-picto-footer-presse .svg-picto-footer-presse .st0 {
    fill: none; }
  .has-picto-footer-presse .svg-picto-footer-presse .st0 {
    stroke: #FFF; }
  .has-picto-footer-presse .svg-picto-footer-presse {
    width: 51px;
    height: 34px; }
    .has-picto-footer-presse .svg-picto-footer-presse .st0 {
      stroke-width: 4;
      stroke-miterlimit: 10; }

.has-picto-twitter {
  /* CAS GENERAUX */ }
  .has-picto-twitter .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-twitter.has-self-hover .svg-picto-twitter:hover .st0, .has-picto-twitter.has-self-hover .svg-picto-twitter:focus .st0, .has-picto-twitter.has-self-hover .svg-picto-twitter:active .st0 {
    fill: #D8383F; }
  .has-picto-twitter.has-content-hover:hover .svg-picto-twitter .st0, .has-picto-twitter.has-content-hover:focus .svg-picto-twitter .st0, .has-picto-twitter.has-content-hover:active .svg-picto-twitter .st0 {
    fill: #D8383F; }
  .has-picto-twitter .svg-picto-twitter .st0 {
    fill: #FFF; }
  .has-picto-twitter .svg-picto-twitter .st0 {
    stroke: none; }
  .has-picto-twitter .svg-picto-twitter {
    width: 30.9px;
    height: 30.9px; }

.has-picto-facebook {
  /* CAS GENERAUX */ }
  .has-picto-facebook .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-facebook.has-self-hover .svg-picto-facebook:hover .st0, .has-picto-facebook.has-self-hover .svg-picto-facebook:focus .st0, .has-picto-facebook.has-self-hover .svg-picto-facebook:active .st0 {
    fill: #D8383F; }
  .has-picto-facebook.has-content-hover:hover .svg-picto-facebook .st0, .has-picto-facebook.has-content-hover:focus .svg-picto-facebook .st0, .has-picto-facebook.has-content-hover:active .svg-picto-facebook .st0 {
    fill: #D8383F; }
  .has-picto-facebook .svg-picto-facebook .st0 {
    fill: #FFF; }
  .has-picto-facebook .svg-picto-facebook .st0 {
    stroke: none; }
  .has-picto-facebook .svg-picto-twitter {
    width: 30.9px;
    height: 30.9px; }

.has-picto-instagram {
  /* CAS GENERAUX */ }
  .has-picto-instagram .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-instagram.has-self-hover .svg-picto-instagram:hover .st0, .has-picto-instagram.has-self-hover .svg-picto-instagram:focus .st0, .has-picto-instagram.has-self-hover .svg-picto-instagram:active .st0 {
    fill: #D8383F; }
  .has-picto-instagram.has-content-hover:hover .svg-picto-instagram .st0, .has-picto-instagram.has-content-hover:focus .svg-picto-instagram .st0, .has-picto-instagram.has-content-hover:active .svg-picto-instagram .st0 {
    fill: #D8383F; }
  .has-picto-instagram .svg-picto-instagram .st0 {
    fill: #FFF; }
  .has-picto-instagram .svg-picto-instagram .st0 {
    stroke: none; }
  .has-picto-instagram .svg-picto-instagram {
    width: 25.4px;
    height: 25.4px; }

.has-picto-youtube {
  /* CAS GENERAUX */ }
  .has-picto-youtube .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-youtube.has-self-hover .svg-picto-youtube:hover .st0, .has-picto-youtube.has-self-hover .svg-picto-youtube:focus .st0, .has-picto-youtube.has-self-hover .svg-picto-youtube:active .st0 {
    fill: #D8383F; }
  .has-picto-youtube.has-content-hover:hover .svg-picto-youtube .st0, .has-picto-youtube.has-content-hover:focus .svg-picto-youtube .st0, .has-picto-youtube.has-content-hover:active .svg-picto-youtube .st0 {
    fill: #D8383F; }
  .has-picto-youtube .svg-picto-youtube .st0 {
    fill: #FFF; }
  .has-picto-youtube .svg-picto-youtube .st0 {
    stroke: none; }
  .has-picto-youtube .svg-picto-youtube {
    width: 30.9px;
    height: 30.9px; }

.has-picto-vimeo {
  /* CAS GENERAUX */ }
  .has-picto-vimeo .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-vimeo.has-self-hover .svg-picto-vimeo:hover .st0, .has-picto-vimeo.has-self-hover .svg-picto-vimeo:focus .st0, .has-picto-vimeo.has-self-hover .svg-picto-vimeo:active .st0 {
    fill: #D8383F; }
  .has-picto-vimeo.has-content-hover:hover .svg-picto-vimeo .st0, .has-picto-vimeo.has-content-hover:focus .svg-picto-vimeo .st0, .has-picto-vimeo.has-content-hover:active .svg-picto-vimeo .st0 {
    fill: #D8383F; }
  .has-picto-vimeo .svg-picto-vimeo .st0 {
    fill: #FFF; }
  .has-picto-vimeo .svg-picto-vimeo .st0 {
    stroke: none; }
  .has-picto-vimeo .svg-picto-vimeo {
    width: 30.9px;
    height: 30.9px; }

.has-picto-horaire {
  /* CAS GENERAUX */ }
  .has-picto-horaire .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-horaire.has-self-hover .svg-picto-horaire:hover .st0, .has-picto-horaire.has-self-hover .svg-picto-horaire:focus .st0, .has-picto-horaire.has-self-hover .svg-picto-horaire:active .st0 {
    fill: #D8383F; }
  .has-picto-horaire.has-content-hover:hover .svg-picto-horaire .st0, .has-picto-horaire.has-content-hover:focus .svg-picto-horaire .st0, .has-picto-horaire.has-content-hover:active .svg-picto-horaire .st0 {
    fill: #D8383F; }
  .has-picto-horaire .svg-picto-horaire .st0 {
    fill: #FFF; }
  .has-picto-horaire .svg-picto-horaire .st0 {
    stroke: none; }
  .has-picto-horaire .svg-picto-horaire {
    width: 30.9px;
    height: 30.9px; }

.has-picto-marker {
  /* CAS GENERAUX */ }
  .has-picto-marker .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-marker.has-self-hover .svg-picto-marker:hover .st0, .has-picto-marker.has-self-hover .svg-picto-marker:focus .st0, .has-picto-marker.has-self-hover .svg-picto-marker:active .st0 {
    fill: #D8383F; }
  .has-picto-marker.has-content-hover:hover .svg-picto-marker .st0, .has-picto-marker.has-content-hover:focus .svg-picto-marker .st0, .has-picto-marker.has-content-hover:active .svg-picto-marker .st0 {
    fill: #D8383F; }
  .has-picto-marker .svg-picto-marker .st0 {
    fill: #FFF; }
  .has-picto-marker .svg-picto-marker .st0 {
    stroke: none; }
  .has-picto-marker .svg-picto-marker {
    width: 44.8px;
    height: 54.1px; }

.has-picto-mail {
  /* CAS GENERAUX */ }
  .has-picto-mail .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-mail.has-self-hover .svg-picto-mail:hover .st0, .has-picto-mail.has-self-hover .svg-picto-mail:focus .st0, .has-picto-mail.has-self-hover .svg-picto-mail:active .st0 {
    fill: #D8383F; }
  .has-picto-mail.has-content-hover:hover .svg-picto-mail .st0, .has-picto-mail.has-content-hover:focus .svg-picto-mail .st0, .has-picto-mail.has-content-hover:active .svg-picto-mail .st0 {
    fill: #D8383F; }
  .has-picto-mail .svg-picto-mail .st0 {
    fill: #FFF; }
  .has-picto-mail .svg-picto-mail .st0 {
    stroke: none; }
  .has-picto-mail .picto-mail {
    width: 48.6px;
    height: 34.1px; }

.has-picto-public {
  /* CAS GENERAUX */ }
  .has-picto-public .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-public .st1 {
    transition: all 0.3s ease 0s; }
  .has-picto-public .st2 {
    transition: all 0.3s ease 0s; }
  .has-picto-public.has-self-hover .svg-picto-public:hover .st0, .has-picto-public.has-self-hover .svg-picto-public:focus .st0, .has-picto-public.has-self-hover .svg-picto-public:active .st0 {
    stroke: #D8383F; }
  .has-picto-public.has-self-hover .svg-picto-public:hover .st1, .has-picto-public.has-self-hover .svg-picto-public:focus .st1, .has-picto-public.has-self-hover .svg-picto-public:active .st1 {
    stroke: #D8383F; }
  .has-picto-public.has-self-hover .svg-picto-public:hover .st2, .has-picto-public.has-self-hover .svg-picto-public:focus .st2, .has-picto-public.has-self-hover .svg-picto-public:active .st2 {
    stroke: #D8383F; }
  .has-picto-public.has-content-hover:hover .svg-picto-public .st0, .has-picto-public.has-content-hover:focus .svg-picto-public .st0, .has-picto-public.has-content-hover:active .svg-picto-public .st0 {
    stroke: #D8383F; }
  .has-picto-public.has-content-hover:hover .svg-picto-public .st1, .has-picto-public.has-content-hover:focus .svg-picto-public .st1, .has-picto-public.has-content-hover:active .svg-picto-public .st1 {
    stroke: #D8383F; }
  .has-picto-public.has-content-hover:hover .svg-picto-public .st2, .has-picto-public.has-content-hover:focus .svg-picto-public .st2, .has-picto-public.has-content-hover:active .svg-picto-public .st2 {
    stroke: #D8383F; }
  .has-picto-public .svg-picto-public .st0 {
    fill: none; }
  .has-picto-public .svg-picto-public .st1 {
    fill: none; }
  .has-picto-public .svg-picto-public .st2 {
    fill: none; }
  .has-picto-public .svg-picto-public .st0 {
    stroke: #1D1D1E; }
  .has-picto-public .svg-picto-public .st1 {
    stroke: #1D1D1E; }
  .has-picto-public .svg-picto-public .st2 {
    stroke: #1D1D1E; }
  .has-picto-public .svg-picto-public {
    width: 39.4px;
    height: 39.4px; }
    .has-picto-public .svg-picto-public .st0 {
      stroke-width: 3.967;
      stroke-miterlimit: 10; }
    .has-picto-public .svg-picto-public .st1 {
      stroke-width: 2.204;
      stroke-miterlimit: 10; }

.has-picto-collections {
  /* CAS GENERAUX */ }
  .has-picto-collections .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-collections.has-self-hover .svg-picto-collections:hover .st0, .has-picto-collections.has-self-hover .svg-picto-collections:focus .st0, .has-picto-collections.has-self-hover .svg-picto-collections:active .st0 {
    fill: #D8383F; }
  .has-picto-collections.has-content-hover:hover .svg-picto-collections .st0, .has-picto-collections.has-content-hover:focus .svg-picto-collections .st0, .has-picto-collections.has-content-hover:active .svg-picto-collections .st0 {
    fill: #D8383F; }
  .has-picto-collections .svg-picto-collections .st0 {
    fill: #FFF; }
  .has-picto-collections .svg-picto-collections .st0 {
    stroke: none; }
  .has-picto-collections .svg-picto-collections {
    width: 52.5px;
    height: 51.3px; }

.has-picto-slider-left {
  /* CAS GENERAUX */ }
  .has-picto-slider-left .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-slider-left.has-self-hover .svg-picto-slider-left:hover .st0, .has-picto-slider-left.has-self-hover .svg-picto-slider-left:focus .st0, .has-picto-slider-left.has-self-hover .svg-picto-slider-left:active .st0 {
    stroke: #D8383F; }
  .has-picto-slider-left.has-content-hover:hover .svg-picto-slider-left .st0, .has-picto-slider-left.has-content-hover:focus .svg-picto-slider-left .st0, .has-picto-slider-left.has-content-hover:active .svg-picto-slider-left .st0 {
    stroke: #D8383F; }
  .has-picto-slider-left .svg-picto-slider-left .st0 {
    fill: none; }
  .has-picto-slider-left .svg-picto-slider-left .st0 {
    stroke: #1D1D1E; }
  .has-picto-slider-left .svg-picto-slider-left {
    width: 35.5px;
    height: 47.9px; }
    .has-picto-slider-left .svg-picto-slider-left .st0 {
      stroke-width: 16;
      stroke-miterlimit: 10; }

.has-picto-slider-right {
  /* CAS GENERAUX */ }
  .has-picto-slider-right .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-slider-right.has-self-hover .svg-picto-slider-right:hover .st0, .has-picto-slider-right.has-self-hover .svg-picto-slider-right:focus .st0, .has-picto-slider-right.has-self-hover .svg-picto-slider-right:active .st0 {
    stroke: #D8383F; }
  .has-picto-slider-right.has-content-hover:hover .svg-picto-slider-right .st0, .has-picto-slider-right.has-content-hover:focus .svg-picto-slider-right .st0, .has-picto-slider-right.has-content-hover:active .svg-picto-slider-right .st0 {
    stroke: #D8383F; }
  .has-picto-slider-right .svg-picto-slider-right .st0 {
    fill: none; }
  .has-picto-slider-right .svg-picto-slider-right .st0 {
    stroke: #1D1D1E; }
  .has-picto-slider-right .svg-picto-slider-right {
    width: 35.5px;
    height: 47.9px; }
    .has-picto-slider-right .svg-picto-slider-right .st0 {
      stroke-width: 16;
      stroke-miterlimit: 10; }

.has-picto-clocher {
  /* CAS GENERAUX */
  width: 22.4px;
  height: 67.2px; }
  .has-picto-clocher .st0 {
    transition: all 0.3s ease 0s; }
  .has-picto-clocher .st1 {
    transition: all 0.3s ease 0s; }
  .has-picto-clocher.has-self-hover .svg-picto-clocher:hover .st0, .has-picto-clocher.has-self-hover .svg-picto-clocher:focus .st0, .has-picto-clocher.has-self-hover .svg-picto-clocher:active .st0 {
    stroke: #D8383F; }
  .has-picto-clocher.has-self-hover .svg-picto-clocher:hover .st1, .has-picto-clocher.has-self-hover .svg-picto-clocher:focus .st1, .has-picto-clocher.has-self-hover .svg-picto-clocher:active .st1 {
    stroke: #D8383F; }
  .has-picto-clocher.has-content-hover:hover .svg-picto-clocher .st0, .has-picto-clocher.has-content-hover:focus .svg-picto-clocher .st0, .has-picto-clocher.has-content-hover:active .svg-picto-clocher .st0 {
    stroke: #D8383F; }
  .has-picto-clocher.has-content-hover:hover .svg-picto-clocher .st1, .has-picto-clocher.has-content-hover:focus .svg-picto-clocher .st1, .has-picto-clocher.has-content-hover:active .svg-picto-clocher .st1 {
    stroke: #D8383F; }
  .has-picto-clocher .svg-picto-clocher .st0 {
    fill: none; }
  .has-picto-clocher .svg-picto-clocher .st1 {
    fill: none; }
  .has-picto-clocher .svg-picto-clocher .st0 {
    stroke: #000; }
  .has-picto-clocher .svg-picto-clocher .st1 {
    stroke: #000; }
  .has-picto-clocher .svg-picto-clocher {
    transition: all 0.3s ease 0s; }
    .has-picto-clocher .svg-picto-clocher .st0 {
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10; }
    .has-picto-clocher .svg-picto-clocher .st1 {
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-miterlimit: 10; }

/* SVG Exceptions */
.svg-picto-artips .st0 {
  fill: #1d1d1e; }

.svg-picto-artips .st1 {
  fill: #ffffff; }

.svg-tablette .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 2;
  stroke-miterlimit: 10;
  transition: all 0.3s ease 0s; }

.svg-tablette .st1 {
  fill: none;
  stroke: #FFF;
  stroke-miterlimit: 10;
  transition: all 0.3s ease 0s; }

.svg-tablette .st2 {
  fill: #FFF;
  transition: all 0.3s ease 0s; }

.picto-info .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 4.02;
  stroke-miterlimit: 10;
  transition: all 0.3s ease 0s; }

.picto-info .st1 {
  fill: #FFF;
  transition: all 0.3s ease 0s; }

.has-picto-info:hover .svg-picto-info .st0, .has-picto-info:focus .svg-picto-info .st0, .has-picto-info:active .svg-picto-info .st0 {
  stroke: #D8383F; }

.has-picto-info:hover .svg-picto-info .st1, .has-picto-info:focus .svg-picto-info .st1, .has-picto-info:active .svg-picto-info .st1 {
  stroke: #D8383F; }

.footer-musee-prive .st0 {
  fill: #FFF; }

.footer-musee-prive .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 4;
  stroke-miterlimit: 10; }

.footer-suivez-nous .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 4;
  stroke-miterlimit: 10; }

.footer-suivez-nous .st1 {
  fill: #FFF; }

.picto-billet .st0 {
  fill: none;
  stroke: #FFF;
  stroke-width: 4;
  stroke-miterlimit: 10; }

.picto-billet .st1 {
  fill: none;
  stroke: #FFF;
  stroke-width: 2.957;
  stroke-miterlimit: 10; }

.picto-billet .st2 {
  fill: none;
  stroke: #FFF;
  stroke-width: 2.957;
  stroke-miterlimit: 10;
  stroke-dasharray: 2.339, 2.339; }

.picto-billet .st3 {
  fill: #FFF; }

.has-picto-visiter .st0 {
  transition: all 0.3s ease 0s; }

.has-picto-visiter .st1 {
  transition: all 0.3s ease 0s; }

.has-picto-visiter .svg-picto-visiter .st0 {
  stroke: #FFF;
  fill: none; }

.has-picto-visiter .svg-picto-visiter .st1 {
  fill: #FFF; }

.has-picto-visiter.has-self-hover .svg-picto-visiter:hover .st0, .has-picto-visiter.has-self-hover .svg-picto-visiter:focus .st0, .has-picto-visiter.has-self-hover .svg-picto-visiter:active .st0 {
  stroke: #D8383F; }

.has-picto-visiter.has-self-hover .svg-picto-visiter:hover .st1, .has-picto-visiter.has-self-hover .svg-picto-visiter:focus .st1, .has-picto-visiter.has-self-hover .svg-picto-visiter:active .st1 {
  fill: #D8383F; }

.has-picto-visiter.has-content-hover:hover .svg-picto-visiter .st0, .has-picto-visiter.has-content-hover:focus .svg-picto-visiter .st0, .has-picto-visiter.has-content-hover:active .svg-picto-visiter .st0 {
  stroke: #D8383F; }

.has-picto-visiter.has-content-hover:hover .svg-picto-visiter .st1, .has-picto-visiter.has-content-hover:focus .svg-picto-visiter .st1, .has-picto-visiter.has-content-hover:active .svg-picto-visiter .st1 {
  fill: #D8383F; }

.has-picto-visiter .svg-picto-visiter .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 6.25;
  stroke-miterlimit: 10; }

.has-picto-visiter .svg-picto-visiter .st1 {
  fill: #ffffff; }

.icon-svg {
  position: relative; }
  .icon-svg:before, .icon-svg:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-size: cover;
    transition: opacity, 0.3s; }
  .icon-svg:before {
    opacity: 1; }
  .icon-svg:after {
    opacity: 0; }

.icon-svg-parent:hover .icon-svg:not(.no-hover):before, .icon-svg-parent:active .icon-svg:not(.no-hover):before, .icon-svg-parent:focus .icon-svg:not(.no-hover):before {
  opacity: 0; }

.icon-svg-parent:hover .icon-svg:not(.no-hover):after, .icon-svg-parent:active .icon-svg:not(.no-hover):after, .icon-svg-parent:focus .icon-svg:not(.no-hover):after {
  opacity: 1; }

.icon-gigapixel {
  height: 39px;
  width: 39px; }
  .icon-gigapixel:before, .icon-gigapixel:after {
    height: 39px;
    width: 39px; }
  .icon-gigapixel:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='443' height='441'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg stroke='%23fff' stroke-miterlimit='10'%3E%3Ccircle cx='221.64' cy='221.47' r='203.31' fill='none' stroke-width='32'/%3E%3Cpath stroke-width='16' d='M278.5 163.7a35.6 35.6 0 1 0-35.6-35.6 35.55 35.55 0 0 0 35.6 35.6zm0-56.9a21.4 21.4 0 1 1-21.4 21.4 21.42 21.42 0 0 1 21.4-21.4zM193 233.3l94.7 94.7 10.1-10.1-62.6-62.6 43.4-43.4 66.2 66.2 10.1-10.1-76.3-76.3-53.4 53.4-32.2-31.9-90.5 90.5 10.1 10.1 80.4-80.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-gigapixel:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='443' height='441'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg stroke='%23d8383f' stroke-miterlimit='10'%3E%3Ccircle cx='221.64' cy='221.47' r='203.31' fill='none' stroke-width='32'/%3E%3Cpath stroke-width='16' d='M278.5 163.7a35.6 35.6 0 1 0-35.6-35.6 35.55 35.55 0 0 0 35.6 35.6zm0-56.9a21.4 21.4 0 1 1-21.4 21.4 21.42 21.42 0 0 1 21.4-21.4zM193 233.3l94.7 94.7 10.1-10.1-62.6-62.6 43.4-43.4 66.2 66.2 10.1-10.1-76.3-76.3-53.4 53.4-32.2-31.9-90.5 90.5 10.1 10.1 80.4-80.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  @media (max-width: 639px) {
    .icon-gigapixel:before, .icon-gigapixel:after {
      top: -2px;
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: center;
      height: 20px;
      width: 20px; } }

.icon-eye {
  height: 20px;
  width: 30px; }
  .icon-eye:before, .icon-eye:after {
    height: 20px;
    width: 30px; }
  .icon-eye:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 31'%3E%3Cg fill='none' stroke='%23fff' stroke-width='4' stroke-miterlimit='10'%3E%3Cpath d='M22.897 2.285c-9 0-16.8 5.4-20.3 13.1 3.5 7.7 11.2 13.1 20.3 13.1 9 0 16.8-5.4 20.3-13.1-3.6-7.7-11.3-13.1-20.3-13.1z'/%3E%3Ccircle cx='22.897' cy='15.385' r='7'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-eye:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 31'%3E%3Cg fill='none' stroke='%23d8383f' stroke-width='4' stroke-miterlimit='10'%3E%3Cpath d='M22.897 2.285c-9 0-16.8 5.4-20.3 13.1 3.5 7.7 11.2 13.1 20.3 13.1 9 0 16.8-5.4 20.3-13.1-3.6-7.7-11.3-13.1-20.3-13.1z'/%3E%3Ccircle cx='22.897' cy='15.385' r='7'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-audio {
  height: 25px;
  width: 25px; }
  .icon-audio:before, .icon-audio:after {
    height: 25px;
    width: 25px; }
  .icon-audio:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='431.9' height='431.9' fill='%23fff'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cpath d='M223.4 355.7h-8.6c-44.9 0-87.7-21.4-113.3-57.7H33.1C15 298 0 283 0 264.8v-99.4c0-18.2 15-33.1 33.1-33.1h68.4c26.7-36.3 68.4-57.7 113.3-57.7h8.6c8.6 0 16 7.5 16 16v248c0 10.7-7.4 17.1-16 17.1zM33.1 165.4c-1 0-1 0 0 0L32 264.8s0 1.1 1.1 1.1h77c5.3 0 10.7 3.2 13.9 7.5 18.2 29.9 49.2 48.1 83.4 50.2V107.7c-34.2 2.1-65.2 20.3-83.4 50.2-3.2 4.3-8.6 7.5-13.9 7.5h-77zm241.6 141.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 17.1-17.1 26.7-39.6 26.7-64.1s-9.6-47-26.7-64.1c-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c23.5 23.5 36.3 53.4 36.3 86.6s-12.8 63.1-36.3 86.6c-2 3.1-6.3 4.1-10.6 4.1zm78.1 78.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 37.4-38.5 58.8-88.7 58.8-142.2S379.5 112 341 74.6c-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c43.8 43.8 68.4 101.6 68.4 163.5s-24.6 119.7-68.4 163.5c-3.2 3.2-6.4 5.4-10.6 5.4z' class='st0'/%3E%3Cpath d='M314.3 346.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 56.7-56.7 56.7-149.7 0-206.3-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c69.5 69.5 69.5 182.8 0 251.2-2.1 3.1-6.4 4.2-10.6 4.2z' class='st0'/%3E%3C/svg%3E"); }
  .icon-audio:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='431.9' height='431.9' fill='%23d8383f'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cpath d='M223.4 355.7h-8.6c-44.9 0-87.7-21.4-113.3-57.7H33.1C15 298 0 283 0 264.8v-99.4c0-18.2 15-33.1 33.1-33.1h68.4c26.7-36.3 68.4-57.7 113.3-57.7h8.6c8.6 0 16 7.5 16 16v248c0 10.7-7.4 17.1-16 17.1zM33.1 165.4c-1 0-1 0 0 0L32 264.8s0 1.1 1.1 1.1h77c5.3 0 10.7 3.2 13.9 7.5 18.2 29.9 49.2 48.1 83.4 50.2V107.7c-34.2 2.1-65.2 20.3-83.4 50.2-3.2 4.3-8.6 7.5-13.9 7.5h-77zm241.6 141.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 17.1-17.1 26.7-39.6 26.7-64.1s-9.6-47-26.7-64.1c-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c23.5 23.5 36.3 53.4 36.3 86.6s-12.8 63.1-36.3 86.6c-2 3.1-6.3 4.1-10.6 4.1zm78.1 78.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 37.4-38.5 58.8-88.7 58.8-142.2S379.5 112 341 74.6c-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c43.8 43.8 68.4 101.6 68.4 163.5s-24.6 119.7-68.4 163.5c-3.2 3.2-6.4 5.4-10.6 5.4z' class='st0'/%3E%3Cpath d='M314.3 346.1c-4.3 0-8.6-1.1-11.8-4.3-6.4-6.4-6.4-16 0-22.4 56.7-56.7 56.7-149.7 0-206.3-6.4-6.4-6.4-16 0-22.4s16-6.4 22.4 0c69.5 69.5 69.5 182.8 0 251.2-2.1 3.1-6.4 4.2-10.6 4.2z' class='st0'/%3E%3C/svg%3E"); }

.icon-heart {
  height: 17px;
  width: 19px; }
  .icon-heart:before, .icon-heart:after {
    height: 17px;
    width: 19px; }
  .icon-heart:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 231 200'%3E%3Cstyle%3E.st0{fill:none;stroke:%23fff;stroke-width:15;stroke-miterlimit:10;}%3C/style%3E%3Cpath d='M115.8 193C86.7 176.1 9.9 124.9 9.9 55.9 9.9 30 31.8 9 58.8 9c42.1 0 57 32.3 57 32.3S134.6 9 172.7 9c26.9 0 48.8 21 48.8 46.9.1 69-76.7 120.2-105.7 137.1z' class='st0'/%3E%3C/svg%3E"); }
  .icon-heart:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 231 200'%3E%3Cstyle%3E.st0{fill:%23d8383f;stroke:none;}%3C/style%3E%3Cpath d='M115.8 193C86.7 176.1 9.9 124.9 9.9 55.9 9.9 30 31.8 9 58.8 9c42.1 0 57 32.3 57 32.3S134.6 9 172.7 9c26.9 0 48.8 21 48.8 46.9.1 69-76.7 120.2-105.7 137.1z' class='st0'/%3E%3C/svg%3E"); }

.active .icon-heart:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 231 200'%3E%3Cstyle%3E.st0{fill:%23fff;stroke:none;}%3C/style%3E%3Cpath d='M115.8 193C86.7 176.1 9.9 124.9 9.9 55.9 9.9 30 31.8 9 58.8 9c42.1 0 57 32.3 57 32.3S134.6 9 172.7 9c26.9 0 48.8 21 48.8 46.9.1 69-76.7 120.2-105.7 137.1z' class='st0'/%3E%3C/svg%3E"); }

.icon-comment-author {
  height: 87px;
  width: 62px; }
  .icon-comment-author:before, .icon-comment-author:after {
    height: 87px;
    width: 62px; }
  .icon-comment-author:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='443' height='441'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg stroke='%23fff' stroke-miterlimit='10'%3E%3Ccircle cx='221.64' cy='221.47' r='203.31' fill='none' stroke-width='32'/%3E%3Cpath stroke-width='16' d='M278.5 163.7a35.6 35.6 0 1 0-35.6-35.6 35.55 35.55 0 0 0 35.6 35.6zm0-56.9a21.4 21.4 0 1 1-21.4 21.4 21.42 21.42 0 0 1 21.4-21.4zM193 233.3l94.7 94.7 10.1-10.1-62.6-62.6 43.4-43.4 66.2 66.2 10.1-10.1-76.3-76.3-53.4 53.4-32.2-31.9-90.5 90.5 10.1 10.1 80.4-80.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-comment-author:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='443' height='441'%3E%3Cpath fill='none' d='M-1-1h582v402H-1z'/%3E%3Cg stroke='%23d8383f' stroke-miterlimit='10'%3E%3Ccircle cx='221.64' cy='221.47' r='203.31' fill='none' stroke-width='32'/%3E%3Cpath stroke-width='16' d='M278.5 163.7a35.6 35.6 0 1 0-35.6-35.6 35.55 35.55 0 0 0 35.6 35.6zm0-56.9a21.4 21.4 0 1 1-21.4 21.4 21.42 21.42 0 0 1 21.4-21.4zM193 233.3l94.7 94.7 10.1-10.1-62.6-62.6 43.4-43.4 66.2 66.2 10.1-10.1-76.3-76.3-53.4 53.4-32.2-31.9-90.5 90.5 10.1 10.1 80.4-80.5z'/%3E%3C/g%3E%3C/svg%3E"); }

@keyframes spinSvgRefresh {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Mise en gorme page nomenclature à supprimer */
.nomenclature {
  background-color: white;
  font-family: Arial;
  font-size: 12px; }
  .nomenclature h1 {
    font-size: 30px;
    font-weight: 600; }
  .nomenclature h2 {
    font-size: 24px;
    margin-bottom: 40px; }
  .nomenclature h3 {
    font-weight: 600;
    margin-top: 10px; }
  .nomenclature ul, .nomenclature ol {
    list-style-type: disc;
    padding: 20px; }
  .nomenclature li {
    margin-bottom: 20px;
    margin-top: 20px; }
  .nomenclature em {
    color: blue;
    font-style: italic; }
  .nomenclature i {
    font-style: italic;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block; }

.button--dark {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 35px;
  width: 200px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  text-transform: none;
  font-family: "bikobold";
  font-size: 16px; }
  .button--dark .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .button--dark:before {
    content: '';
    height: 35px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .button--dark {
      font-size: 28px; } }
  @media (max-width: 639px) {
    .button--dark {
      font-size: 14px; } }

.button--light {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 35px;
  width: 200px;
  color: #FFF;
  border-color: #FFF;
  text-transform: none;
  font-family: "bikobold";
  font-size: 16px; }
  .button--light .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .button--light:before {
    content: '';
    height: 35px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .button--light {
      font-size: 28px; } }
  @media (max-width: 639px) {
    .button--light {
      font-size: 14px; } }

.callToAction--light {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 550px;
  color: #FFF;
  border-color: #FFF;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px; }
  .callToAction--light .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--light:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--light {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--light {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--light:before {
        height: 40.5px; } }
  .callToAction--light:hover, .callToAction--light:focus, .callToAction--light:active {
    color: #D8383F;
    border-color: #D8383F; }

.callToAction--dark {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 550px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px; }
  .callToAction--dark .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--dark:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--dark {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--dark {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--dark:before {
        height: 40.5px; } }
  .callToAction--dark:hover, .callToAction--dark:focus, .callToAction--dark:active {
    color: #D8383F;
    border-color: #D8383F; }

.callToAction--textRed {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 500px;
  color: #FFF;
  border-color: #FFF;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px;
  color: #D8383F; }
  .callToAction--textRed .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--textRed:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--textRed {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--textRed {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--textRed:before {
        height: 40.5px; } }
  .callToAction--textRed:hover, .callToAction--textRed:focus, .callToAction--textRed:active {
    color: #D8383F;
    border-color: #D8383F; }

.callToAction--picto-archive {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 550px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem; }
  .callToAction--picto-archive .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--picto-archive:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-archive {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--picto-archive {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-archive:before {
        height: 40.5px; } }
  .callToAction--picto-archive:hover, .callToAction--picto-archive:focus, .callToAction--picto-archive:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--picto-archive .st0 {
    transition: all 0.3s ease 0s; }
  .callToAction--picto-archive .svg-picto-archive {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    top: 25px;
    left: 35px; }
    @media (max-width: 639px) {
      .callToAction--picto-archive .svg-picto-archive {
        height: 13.451px;
        top: 33%; } }
    .callToAction--picto-archive .svg-picto-archive .st0 {
      fill: #1D1D1E; }
  .callToAction--picto-archive:hover .svg-picto-archive .st0, .callToAction--picto-archive:active .svg-picto-archive .st0, .callToAction--picto-archive:focus .svg-picto-archive .st0 {
    fill: #D8383F; }

.callToAction--picto-agenda {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 500px;
  color: #FFF;
  border-color: #FFF;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 60px; }
  .callToAction--picto-agenda .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--picto-agenda:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-agenda {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--picto-agenda {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-agenda:before {
        height: 40.5px; } }
  .callToAction--picto-agenda:hover, .callToAction--picto-agenda:focus, .callToAction--picto-agenda:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--picto-agenda .st0 {
    transition: all 0.3s ease 0s; }
  @media (max-width: 639px) {
    .callToAction--picto-agenda {
      padding-left: 30px; } }
  .callToAction--picto-agenda .icon {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    top: 25px;
    left: 35px;
    font-size: 31px;
    font-size: 3.1rem; }
    @media (max-width: 639px) {
      .callToAction--picto-agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }

.callToAction--pictoAfter {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 30px;
  width: auto;
  color: #1D1D1E;
  border-color: #1D1D1E;
  font-family: "bikobold";
  font-size: 24px;
  width: 130px;
  max-width: 100%;
  border-width: 2px;
  margin-left: auto;
  margin-right: 0;
  text-transform: none;
  position: relative;
  display: inline-block;
  width: auto;
  padding-left: 15px;
  padding-right: 10px;
  font-size: 18px;
  font-size: 1.8rem; }
  .callToAction--pictoAfter .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--pictoAfter:before {
    content: '';
    height: 30px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 36px;
      width: auto; } }
  @media (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 18px;
      width: auto; } }
  .callToAction--pictoAfter:hover, .callToAction--pictoAfter:focus, .callToAction--pictoAfter:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--pictoAfter .st0 {
    transition: all 0.3s ease 0s; }
  .callToAction--pictoAfter .icon {
    margin-left: 10px; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 36px;
      border-width: 4px; } }
  @media (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 18px; } }

.scrollTo--agenda {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 100px;
  width: 420px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  display: inline-block;
  border: none;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: "bikobold";
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 60px; }
  .scrollTo--agenda .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .scrollTo--agenda:before {
    content: '';
    height: 100px;
    display: inline-block;
    vertical-align: middle; }
  .scrollTo--agenda .innerContent {
    letter-spacing: 0.08em; }
  .scrollTo--agenda .subtitle {
    letter-spacing: normal;
    margin-top: 3px; }
  @media (max-width: 1279px) {
    .scrollTo--agenda {
      display: block;
      width: 100%;
      padding-left: 55px;
      min-height: 1px; }
      .scrollTo--agenda:before {
        height: 100%; } }
  @media (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda {
      font-size: 28px;
      height: 126px;
      margin-bottom: 46px; } }
  @media (max-width: 639px) {
    .scrollTo--agenda {
      font-size: 14px;
      height: 63px;
      margin-bottom: 43px; } }
  .scrollTo--agenda:hover, .scrollTo--agenda:focus, .scrollTo--agenda:active {
    color: #D8383F;
    border-color: #D8383F; }
  .scrollTo--agenda .st0 {
    transition: all 0.3s ease 0s; }
  @media (max-width: 639px) {
    .scrollTo--agenda {
      padding-left: 30px; } }
  .scrollTo--agenda .icon {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    top: 25px;
    left: 35px;
    font-size: 31px;
    font-size: 3.1rem; }
    @media (max-width: 639px) {
      .scrollTo--agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }
  .scrollTo--agenda .svg-picto-agenda {
    top: 30px; }

.overPicture {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 600px;
  color: #FFF;
  border-color: #FFF;
  background-color: #FFF;
  border-color: #FFF;
  color: #1D1D1E;
  font-family: "bikobold";
  font-size: 24px; }
  .overPicture .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .overPicture:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .overPicture {
      font-size: 36px; } }
  @media (max-width: 639px) {
    .overPicture {
      font-size: 18px; } }
  .overPicture:hover, .overPicture:active,
  .overPicture a:focus {
    background-color: transparent;
    color: #FFF; }
  .overPicture:hover, .overPicture:focus, .overPicture:active {
    color: #D8383F;
    border-color: #D8383F; }

.bandeauApp {
  position: relative;
  min-height: 150px;
  width: 100%;
  background-color: #D8383F;
  color: #FFF;
  text-align: center;
  transition: all 0.3s ease 0s; }
  .bandeauApp:hover, .bandeauApp:active, .bandeauApp:focus {
    transition: all 0.3s ease 0s;
    background-color: #FFF;
    color: #D8383F; }
  .bandeauApp:hover .st0,
  .bandeauApp:hover .st1,
  .bandeauApp:active .st0,
  .bandeauApp:active .st1,
  .bandeauApp:focus .st0,
  .bandeauApp:focus .st1 {
    transition: all 0.3s ease 0s;
    stroke: #D8383F; }
  .bandeauApp:hover .st2,
  .bandeauApp:active .st2,
  .bandeauApp:focus .st2 {
    transition: all 0.3s ease 0s;
    fill: #D8383F; }
  .bandeauApp .imgDevices {
    display: inline-block;
    position: absolute;
    top: 35px;
    right: 60%; }
    .bandeauApp .imgDevices .svg-tablette .st0, .bandeauApp .imgDevices .svg-tablette .st1, .bandeauApp .imgDevices .svg-tablette .st2 {
      transition: all 0.3s ease 0s;
      color: #FFF; }
      .bandeauApp .imgDevices .svg-tablette .st0:hover, .bandeauApp .imgDevices .svg-tablette .st0:active, .bandeauApp .imgDevices .svg-tablette .st0:focus, .bandeauApp .imgDevices .svg-tablette .st1:hover, .bandeauApp .imgDevices .svg-tablette .st1:active, .bandeauApp .imgDevices .svg-tablette .st1:focus, .bandeauApp .imgDevices .svg-tablette .st2:hover, .bandeauApp .imgDevices .svg-tablette .st2:active, .bandeauApp .imgDevices .svg-tablette .st2:focus {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
  .bandeauApp p {
    font-family: "novecento_sans_widebook";
    font-size: 24px;
    font-size: 2.4rem;
    margin-left: 42%;
    vertical-align: middle;
    padding-top: 51px;
    text-align: left;
    padding-bottom: 35px; }
    .bandeauApp p::before {
      content: "";
      height: 100%;
      width: 300px; }
    .bandeauApp p span {
      font-family: "loveloblack";
      display: block; }

@media (min-width: 640px) and (max-width: 1279px) {
  .nomenclature .logo2 {
    margin-left: 21px; }
  .nomenclature .blocLogo {
    display: none; }
  .nomenclature .buttonMenu {
    display: block; }
  .nomenclature .search-icon-mobile {
    display: inline-block; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .bandeauApp:hover span,
  .bandeauApp:active span,
  .bandeauApp:focus span {
    border-color: #D8383F; }
  .bandeauApp .imgDevices {
    display: block;
    position: relative;
    text-align: center;
    top: 0px;
    left: 0px;
    padding-top: 75px; }
    .bandeauApp .imgDevices .svg-tablette {
      height: auto;
      width: 325px; }
      .bandeauApp .imgDevices .svg-tablette .st0, .bandeauApp .imgDevices .svg-tablette .st1, .bandeauApp .imgDevices .svg-tablette .st2 {
        transition: all 0.3s ease 0s;
        color: #FFF; }
        .bandeauApp .imgDevices .svg-tablette .st0:hover, .bandeauApp .imgDevices .svg-tablette .st0:active, .bandeauApp .imgDevices .svg-tablette .st0:focus, .bandeauApp .imgDevices .svg-tablette .st1:hover, .bandeauApp .imgDevices .svg-tablette .st1:active, .bandeauApp .imgDevices .svg-tablette .st1:focus, .bandeauApp .imgDevices .svg-tablette .st2:hover, .bandeauApp .imgDevices .svg-tablette .st2:active, .bandeauApp .imgDevices .svg-tablette .st2:focus {
          transition: all 0.3s ease 0s;
          stroke: #D8383F; }
  .bandeauApp p {
    position: relative;
    width: 100%;
    padding-bottom: 265px;
    margin-left: 0px;
    text-align: center;
    font-size: 37px;
    font-size: 3.7rem;
    padding-top: 55px; }
    .bandeauApp p span {
      position: absolute;
      border: 4px solid #FFF;
      line-height: 116px;
      top: 150px;
      width: 100%;
      font-size: 28px;
      font-size: 2.8rem; }
      .bandeauApp p span:hover, .bandeauApp p span:active, .bandeauApp p span:focus {
        border-color: #D8383F; } }

@media (max-width: 639px) {
  .bandeauApp:hover span,
  .bandeauApp:active span,
  .bandeauApp:focus span {
    border-color: #D8383F; }
  .bandeauApp .imgDevices {
    display: block;
    position: relative;
    text-align: center;
    top: 0px;
    left: 0px;
    padding-top: 37.5px; }
    .bandeauApp .imgDevices .svg-tablette {
      height: auto;
      width: 162.5px; }
      .bandeauApp .imgDevices .svg-tablette .st0, .bandeauApp .imgDevices .svg-tablette .st1, .bandeauApp .imgDevices .svg-tablette .st2 {
        transition: all 0.3s ease 0s;
        color: #FFF; }
        .bandeauApp .imgDevices .svg-tablette .st0:hover, .bandeauApp .imgDevices .svg-tablette .st0:active, .bandeauApp .imgDevices .svg-tablette .st0:focus, .bandeauApp .imgDevices .svg-tablette .st1:hover, .bandeauApp .imgDevices .svg-tablette .st1:active, .bandeauApp .imgDevices .svg-tablette .st1:focus, .bandeauApp .imgDevices .svg-tablette .st2:hover, .bandeauApp .imgDevices .svg-tablette .st2:active, .bandeauApp .imgDevices .svg-tablette .st2:focus {
          transition: all 0.3s ease 0s;
          stroke: #D8383F; }
      .bandeauApp .imgDevices .svg-tablette .st2 {
        transition: all 0.3s ease 0s;
        color: #FFF; }
        .bandeauApp .imgDevices .svg-tablette .st2:hover, .bandeauApp .imgDevices .svg-tablette .st2:active, .bandeauApp .imgDevices .svg-tablette .st2:focus {
          transition: all 0.3s ease 0s;
          stroke: #D8383F; }
  .bandeauApp p {
    position: relative;
    width: 100%;
    padding-bottom: 132.5px;
    margin-left: 0px;
    text-align: center;
    font-size: 18.5px;
    font-size: 1.85rem;
    padding-top: 22.5px; }
    .bandeauApp p span {
      position: absolute;
      border: 2px solid #FFF;
      line-height: 58px;
      top: 75px;
      width: 100%;
      font-size: 14px;
      font-size: 1.4rem; }
      .bandeauApp p span:hover, .bandeauApp p span:active, .bandeauApp p span:focus {
        border-color: #D8383F; } }

/* line 168, ../sass/_nomenclature.scss */
header .searchInput .buttonInput {
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  top: 10px; }
  header .searchInput .buttonInput:hover, header .searchInput .buttonInput:focus, header .searchInput .buttonInput:active {
    color: #D8383F; }

/* line 851, ../sass/_nomenclature.scss */
footer .pictoFooter {
  font-size: 48px;
  font-size: 4.8rem; }

/* line 913, ../sass/_nomenclature.scss */
footer .pictoFooter::before {
  margin-right: 0; }

.arianne {
  /*
	.fancy-select{
		.selected{
			font-family:$font-atcoverlook-regular;
			font-size:22px;
			font-size:2.2rem;
			color: $lighter-bright-grey;
		}
	}*/ }
  .arianne .fancy-select {
    position: relative;
    font-weight: inherit;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    border: 4px solid transparent;
    height: 65px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: "open_sanslight";
    color: #FFF; }
  .arianne .fancy-select.disabled {
    opacity: 0.5; }
  .arianne .fancy-select select:focus + .trigger.open {
    box-shadow: none; }
  .arianne .fancy-select .trigger {
    cursor: pointer;
    padding-top: 15px;
    padding-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #434143;
    width: 100%;
    text-transform: none;
    height: 50px;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    font-family: "atc_overlookregular";
    font-size: 22px;
    font-size: 2.2rem;
    color: #FFF; }
  .arianne .fancy-select .trigger:after {
    top: 0;
    right: 0px;
    color: white;
    width: 35px;
    height: 100%;
    content: "\e93d";
    display: inline-block;
    font-family: 'pba';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 25px;
    font-size: 2.5rem;
    border: none;
    position: absolute; }
  .arianne .fancy-select .trigger.open {
    box-shadow: none; }
  .arianne .fancy-select ul.options {
    list-style: none;
    margin: 0;
    margin-top: 22px;
    border: 4px solid transparent;
    position: absolute;
    top: 40px;
    border-top: medium none transparent;
    left: -4px;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    overflow: auto;
    border-radius: 0px;
    width: 102%;
    background-color: #434143;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
  .arianne .fancy-select ul.options.open {
    visibility: visible;
    top: 34px;
    opacity: 1;
    /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
    /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out; }
  .arianne .fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
  .arianne .fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }
  .arianne .fancy-select ul.options li {
    padding-left: 45px;
    cursor: pointer;
    white-space: nowrap;
    text-transform: none;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    /*
		&:last-child::after{
			content:"";
			border: 0px solid #1D1D1E;
		}*/ }
    .arianne .fancy-select ul.options li::after {
      content: "";
      width: 80%;
      border: 1px solid #E6E7E8;
      position: absolute;
      left: 40px;
      top: 0px; }
    .arianne .fancy-select ul.options li:first-child::after {
      content: "";
      border: 0px solid #1D1D1E; }
  .arianne .fancy-select ul.options li.selected {
    text-transform: none; }
  .arianne .fancy-select ul.options li.hover {
    color: #888888; }
  .arianne .select-contain {
    position: absolute;
    right: 80px;
    top: 50%;
    margin-top: -16px; }
  .arianne .fancy-select {
    width: 240px;
    height: auto;
    padding-left: 0px;
    margin-bottom: 0; }
    .arianne .fancy-select select:hover + .trigger:after, .arianne .fancy-select select:focus + .trigger:after {
      color: #D8383F; }
    .arianne .fancy-select .trigger {
      font-family: "loveloblack";
      font-size: 14px;
      font-size: 1.4rem;
      padding: 5px 0px 5px 15px;
      height: auto;
      text-align: left; }
      .arianne .fancy-select .trigger:after {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne .fancy-select ul.options {
      margin: 0;
      width: 240px; }
      .arianne .fancy-select ul.options.open {
        top: 24px; }
      .arianne .fancy-select ul.options li {
        padding-left: 15px;
        text-align: left; }

.selectContact-container {
  /*
	.fancy-select{
		.selected{
			font-family:$font-atcoverlook-regular;
			font-size:22px;
			font-size:2.2rem;
			color: $lighter-bright-grey;
		}
	}*/ }
  .selectContact-container .fancy-select {
    position: relative;
    font-weight: inherit;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    border: 4px solid #77787B;
    height: 65px;
    margin-bottom: 10px;
    padding-left: 30px;
    font-family: "open_sanslight";
    color: #1D1D1E; }
  .selectContact-container .fancy-select.disabled {
    opacity: 0.5; }
  .selectContact-container .fancy-select select:focus + .trigger.open {
    box-shadow: none; }
  .selectContact-container .fancy-select .trigger {
    cursor: pointer;
    padding-top: 15px;
    padding-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    background: #FFF;
    width: 100%;
    text-transform: none;
    height: 50px;
    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
    font-family: "atc_overlookregular";
    font-size: 22px;
    font-size: 2.2rem;
    color: #BCBEC0; }
  .selectContact-container .fancy-select .trigger:after {
    top: 0;
    right: 0px;
    color: white;
    width: 35px;
    height: 100%;
    content: "\e93d";
    display: inline-block;
    font-family: 'pba';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 25px;
    font-size: 2.5rem;
    border: none;
    position: absolute; }
  .selectContact-container .fancy-select .trigger.open {
    box-shadow: none; }
  .selectContact-container .fancy-select ul.options {
    list-style: none;
    margin: 0;
    margin-top: 22px;
    border: 4px solid #77787B;
    position: absolute;
    top: 40px;
    border-top: medium none transparent;
    left: -4px;
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    overflow: auto;
    border-radius: 0px;
    width: 102%;
    background-color: #FFF;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; }
  .selectContact-container .fancy-select ul.options.open {
    visibility: visible;
    top: 34px;
    opacity: 1;
    /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
    /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
    transition: opacity 300ms ease-out, top 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, top 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, top 300ms ease-out;
    -o-transition: opacity 300ms ease-out, top 300ms ease-out; }
  .selectContact-container .fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; }
  .selectContact-container .fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    -o-transition: opacity 300ms ease-out, bottom 300ms ease-out; }
  .selectContact-container .fancy-select ul.options li {
    padding-left: 45px;
    cursor: pointer;
    white-space: nowrap;
    text-transform: none;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -moz-transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    /*
		&:last-child::after{
			content:"";
			border: 0px solid #1D1D1E;
		}*/ }
    .selectContact-container .fancy-select ul.options li::after {
      content: "";
      width: 80%;
      border: 1px solid #E6E7E8;
      position: absolute;
      left: 40px;
      top: 0px; }
    .selectContact-container .fancy-select ul.options li:first-child::after {
      content: "";
      border: 0px solid #1D1D1E; }
  .selectContact-container .fancy-select ul.options li.selected {
    text-transform: none; }
  .selectContact-container .fancy-select ul.options li.hover {
    color: #888888; }

input#email::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: inherit; }

input#email:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: inherit;
  opacity: 1; }

input#email::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: inherit;
  opacity: 1; }

input#email:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: inherit; }

input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: inherit; }

input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: inherit;
  opacity: 1; }

input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: inherit;
  opacity: 1; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: inherit; }

.noSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.clear {
  width: 100%;
  clear: both; }

.floatLeft {
  float: left !important; }

.floatRight {
  float: right !important; }

.verticalAligned {
  display: inline-block;
  vertical-align: middle;
  line-height: normal; }

.dispTable {
  display: table !important; }

.hasBefore {
  position: relative; }
  .hasBefore:before {
    content: "";
    display: inline-block;
    position: absolute; }

.hasAfter {
  position: relative; }
  .hasAfter:after {
    content: "";
    display: inline-block;
    position: absolute; }

.xDistribution {
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  font-size: 0;
  line-height: 0; }
  .xDistribution:after {
    content: "";
    width: 100%;
    display: inline-block; }
  .xDistribution > * {
    display: inline-block;
    line-height: normal;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left; }

.center-line {
  width: 100%;
  text-align: center; }

.visible-mobile {
  display: none !important; }
  @media (max-width: 1279px) {
    .visible-mobile {
      display: block !important; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .visible-mobile {
      display: block !important; } }
  @media (max-width: 639px) {
    .visible-mobile {
      display: block !important; } }

.visible-mobile-inline-block {
  display: none !important; }
  @media (max-width: 1279px) {
    .visible-mobile-inline-block {
      display: inline-block !important; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .visible-mobile-inline-block {
      display: inline-block !important; } }
  @media (max-width: 639px) {
    .visible-mobile-inline-block {
      display: inline-block !important; } }

@media (max-width: 1279px) {
  .visible-desktop {
    display: none !important; } }

@media (max-width: 1279px) and (min-width: 640px) {
  .visible-desktop {
    display: none !important; } }

@media (max-width: 639px) {
  .visible-desktop {
    display: none !important; } }

@media (max-width: 1279px) {
  .visible-desktop-inline-block {
    display: none !important; } }

@media (max-width: 1279px) and (min-width: 640px) {
  .visible-desktop-inline-block {
    display: none !important; } }

@media (max-width: 639px) {
  .visible-desktop-inline-block {
    display: none !important; } }

sup {
  font-size: 0.6em !important; }

.no-overflow {
  overflow: hidden !important; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 14, 2015 */
@font-face {
  font-family: 'atc_overlookregular';
  src: url("fonts/atcoverlook-regular.eot");
  src: url("fonts/atcoverlook-regular.eot?#iefix") format("embedded-opentype"), url("fonts/atcoverlook-regular.woff") format("woff"), url("fonts/ATCOverlook-regular.otf") format("truetype"), url("fonts/atcoverlook-regular.svg#atc_overlookregular") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 14, 2015 */
@font-face {
  font-family: 'novecento_wide_boldbold';
  src: url("fonts/novecentowide-bold-webfont.eot");
  src: url("fonts/novecentowide-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/novecentowide-bold-webfont.woff2") format("woff2"), url("fonts/novecentowide-bold-webfont.woff") format("woff"), url("fonts/novecentowide-bold-webfont.ttf") format("truetype"), url("fonts/novecentowide-bold-webfont.svg#novecento_wide_boldbold") format("svg");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ACCES RAPIDES (gabarit 2) */
.acces-rapides .svg-picto-empty {
  height: 48px;
  width: 48px;
  margin-bottom: 40px; }

.acces-rapides .item:hover, .acces-rapides .item:focus, .acces-rapides .item:active {
  color: #D8383F; }

.sliderGabarit {
  position: relative;
  max-width: 100%; }
  .sliderGabarit.wide {
    margin-bottom: 45px; }
    @media (max-width: 639px) {
      .sliderGabarit.wide {
        margin-bottom: 22.5px; } }
  .sliderGabarit .bxSlider {
    margin-bottom: 0px; }
  .sliderGabarit .bx-wrapper {
    margin-bottom: 0px; }
    .sliderGabarit .bx-wrapper .bx-viewport {
      height: 290px;
      border: 0px solid #FFF;
      left: 0px;
      box-shadow: none; }
  .sliderGabarit .pagerSquare {
    position: absolute;
    bottom: 10px;
    right: 12px; }
    .sliderGabarit .pagerSquare a {
      margin-right: 6px;
      display: inline-block; }
      .sliderGabarit .pagerSquare a:last-child {
        margin-right: 0px; }
    .sliderGabarit .pagerSquare .pager-square {
      width: 24px;
      height: 24px;
      background-color: transparent;
      border: 4px solid #FFF;
      display: inline-block;
      vertical-align: top; }
    .sliderGabarit .pagerSquare a.active {
      background-color: #FFF;
      display: inline-block;
      height: 22px; }
  @media (max-width: 1279px) {
    .sliderGabarit .arrowSlider {
      display: none; }
    .sliderGabarit .pagerSquare {
      width: 100%;
      text-align: center;
      right: 0; } }
  @media (max-width: 639px) {
    .sliderGabarit .pagerSquare {
      position: absolute;
      bottom: 10px;
      right: 0px; }
      .sliderGabarit .pagerSquare a {
        margin-right: 6px;
        display: inline-block; }
        .sliderGabarit .pagerSquare a:last-child {
          margin-right: 0px; }
      .sliderGabarit .pagerSquare .pager-square {
        width: 12px;
        height: 12px;
        background-color: transparent;
        border: 2px solid #FFF;
        display: inline-block;
        vertical-align: top; }
      .sliderGabarit .pagerSquare a.active {
        background-color: #FFF;
        display: inline-block;
        height: 11px; } }
  .sliderGabarit .bxslider ul {
    margin-top: 0px;
    margin-left: 0px; }
  .sliderGabarit .bxslider li {
    height: 290px;
    width: 510px;
    margin-top: 0px;
    margin-left: 0px;
    background-size: cover;
    background-position: center center; }
  .sliderGabarit .arrowSlider {
    position: absolute; }
  .sliderGabarit .prevPage {
    left: -110px;
    top: 50%;
    font-size: 47px;
    font-size: 4.7rem; }
    .sliderGabarit .prevPage .icon:hover, .sliderGabarit .prevPage .icon:active, .sliderGabarit .prevPage .icon:focus {
      color: #D8383F; }
  .sliderGabarit .nextPage {
    right: -110px;
    top: 50%;
    font-size: 47px;
    font-size: 4.7rem; }
    .sliderGabarit .nextPage .icon:hover, .sliderGabarit .nextPage .icon:active, .sliderGabarit .nextPage .icon:focus {
      color: #D8383F; }
  @media (max-width: 1279px) {
    .sliderGabarit .prevPage {
      left: 30px;
      color: white; }
    .sliderGabarit .nextPage {
      right: 30px;
      color: white; } }
  @media (max-width: 639px) {
    .sliderGabarit .prevPage {
      left: 15px; }
    .sliderGabarit .nextPage {
      right: 15px; } }

.slider-caption {
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 639px) {
    .slider-caption {
      margin-top: 10px;
      margin-bottom: 30px; } }

.icon.has-scroll {
  font-size: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50px;
  clear: both; }
  @media (max-width: 1279px) {
    .icon.has-scroll {
      display: none !important; } }
  .icon.has-scroll.icon-chevron-down {
    transition: all 0.3s ease 0s; }
  .icon.has-scroll.icon-chevron-up {
    transition: all 0.3s ease 0s; }

.actu-list--gabarit {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  overflow: auto; }
  .actu-list--gabarit .visu {
    background-size: cover;
    background-position: center, center;
    display: inline-block;
    content: '';
    vertical-align: top; }
  .actu-list--gabarit .right {
    display: inline-block;
    vertical-align: top; }
  .actu-list--gabarit .head .date {
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "loveloblack";
    display: inline-block; }
  .actu-list--gabarit .head .categorie {
    margin-left: 10px;
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    display: inline-block; }
  .actu-list--gabarit .head .title {
    display: block;
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    margin-bottom: 15px;
    line-height: 30px; }
  .actu-list--gabarit .head .tiret {
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    display: inline-block; }
  .actu-list--gabarit .text {
    display: inline-block;
    padding-right: 20px; }
    .actu-list--gabarit .text .location {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 15px; }
      .actu-list--gabarit .text .location .place {
        font-family: "open_sansbold";
        display: inline-block; }
      .actu-list--gabarit .text .location .details {
        font-family: "open_sansregular";
        display: inline-block; }
  .actu-list--gabarit .contain--learn-more {
    display: inline-block;
    vertical-align: top; }
    .actu-list--gabarit .contain--learn-more .callToAction--pictoAfter {
      vertical-align: middle;
      display: inline-block; }
  @media (max-width: 1279px) {
    .actu-list--gabarit .visu {
      width: 100%;
      position: relative; }
      .actu-list--gabarit .visu:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 17.5px solid transparent;
        border-right: 17.5px solid transparent;
        border-bottom: 18px solid #FFF;
        position: absolute;
        left: 50%;
        margin-left: -17.5px;
        bottom: 0; }
    .actu-list--gabarit .right {
      height: auto;
      width: 100%; }
    .actu-list--gabarit .text {
      padding-right: 0; }
      .actu-list--gabarit .text .location .place .divider {
        display: none; }
    .actu-list--gabarit .contain--learn-more {
      display: block; }
      .actu-list--gabarit .contain--learn-more:before {
        display: none; } }
  @media (min-width: 640px) and (max-width: 1279px) {
    .actu-list--gabarit .visu {
      margin-bottom: 50px; }
    .actu-list--gabarit .right {
      padding-left: 55px;
      padding-right: 55px; }
    .actu-list--gabarit .text .location {
      font-size: 26px;
      font-size: 2.6rem;
      margin-bottom: 50px; } }
  @media (max-width: 639px) {
    .actu-list--gabarit .visu {
      margin-bottom: 25px; }
    .actu-list--gabarit .right {
      padding-left: 27.5px;
      padding-right: 27.5px; }
    .actu-list--gabarit .head .date {
      font-size: 1635px;
      font-size: 1.65rem; }
    .actu-list--gabarit .head .categorie {
      font-size: 15px;
      font-size: 1.5rem; }
    .actu-list--gabarit .head .title {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 15px; }
    .actu-list--gabarit .head .tiret {
      font-size: 15px;
      font-size: 1.5rem; }
    .actu-list--gabarit .head .categorie {
      margin-left: 5px; }
    .actu-list--gabarit .text .location {
      font-size: 13px;
      font-size: 1.3rem;
      margin-bottom: 25px; } }
  @media (min-width: 1280px) {
    .actu-list--gabarit {
      width: 1000px; }
      .actu-list--gabarit .callToAction--pictoAfter {
        border-width: 2px; } }
  .actu-list--gabarit .actu--item {
    margin-bottom: 45px; }
    .actu-list--gabarit .actu--item .yosemite-rte p {
      font-family: "open_sanslight"; }
  .actu-list--gabarit .visu {
    height: 235px; }
    @media (min-width: 1280px) {
      .actu-list--gabarit .visu {
        width: 180px;
        margin-right: 45px; } }
  @media (min-width: 1280px) {
    .actu-list--gabarit .right {
      height: auto;
      min-height: 235px; } }
  @media (min-width: 1280px) {
    .actu-list--gabarit .head {
      width: 775px; } }
  @media (min-width: 1280px) {
    .actu-list--gabarit .text {
      width: 600px; } }
  @media (max-width: 639px) {
    .actu-list--gabarit .actu--item {
      margin-bottom: 22.5px; } }

.miniActu .visu {
  background-size: cover;
  background-position: center, center;
  display: inline-block;
  content: '';
  vertical-align: top; }

.miniActu .right {
  display: inline-block;
  vertical-align: top; }

.miniActu .head .date {
  font-size: 33px;
  font-size: 3.3rem;
  font-family: "loveloblack";
  display: inline-block; }

.miniActu .head .categorie {
  margin-left: 10px;
  font-size: 30px;
  font-size: 3.0rem;
  font-family: "novecento_widenormal";
  display: inline-block; }

.miniActu .head .title {
  display: block;
  font-size: 30px;
  font-size: 3.0rem;
  font-family: "novecento_widenormal";
  margin-bottom: 15px;
  line-height: 30px; }

.miniActu .head .tiret {
  font-size: 30px;
  font-size: 3.0rem;
  font-family: "novecento_widenormal";
  display: inline-block; }

.miniActu .text {
  display: inline-block;
  padding-right: 20px; }
  .miniActu .text .location {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 15px; }
    .miniActu .text .location .place {
      font-family: "open_sansbold";
      display: inline-block; }
    .miniActu .text .location .details {
      font-family: "open_sansregular";
      display: inline-block; }

.miniActu .contain--learn-more {
  display: inline-block;
  vertical-align: top; }
  .miniActu .contain--learn-more .callToAction--pictoAfter {
    vertical-align: middle;
    display: inline-block; }

@media (max-width: 1279px) {
  .miniActu .visu {
    width: 100%;
    position: relative; }
    .miniActu .visu:after {
      content: '';
      display: inline-block;
      width: 0;
      height: 0;
      border-left: 17.5px solid transparent;
      border-right: 17.5px solid transparent;
      border-bottom: 18px solid #FFF;
      position: absolute;
      left: 50%;
      margin-left: -17.5px;
      bottom: 0; }
  .miniActu .right {
    height: auto;
    width: 100%; }
  .miniActu .text {
    padding-right: 0; }
    .miniActu .text .location .place .divider {
      display: none; }
  .miniActu .contain--learn-more {
    display: block; }
    .miniActu .contain--learn-more:before {
      display: none; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .miniActu .visu {
    margin-bottom: 50px; }
  .miniActu .right {
    padding-left: 55px;
    padding-right: 55px; }
  .miniActu .text .location {
    font-size: 26px;
    font-size: 2.6rem;
    margin-bottom: 50px; } }

@media (max-width: 639px) {
  .miniActu .visu {
    margin-bottom: 25px; }
  .miniActu .right {
    padding-left: 27.5px;
    padding-right: 27.5px; }
  .miniActu .head .date {
    font-size: 1635px;
    font-size: 1.65rem; }
  .miniActu .head .categorie {
    font-size: 15px;
    font-size: 1.5rem; }
  .miniActu .head .title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px; }
  .miniActu .head .tiret {
    font-size: 15px;
    font-size: 1.5rem; }
  .miniActu .head .categorie {
    margin-left: 5px; }
  .miniActu .text .location {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 25px; } }

@media (min-width: 0px) {
  .miniActu .text {
    display: inline-block;
    padding-right: 20px; }
    .miniActu .text .date {
      font-size: 33px;
      font-size: 3.3rem;
      font-family: "loveloblack";
      display: inline-block; } }
    @media (min-width: 0px) and (max-width: 639px) {
      .miniActu .text .date {
        font-size: 16.5px;
        font-size: 1.65rem; } }

@media (min-width: 0px) {
    .miniActu .text .categorie {
      font-size: 30px;
      font-size: 3.0rem;
      font-family: "novecento_widenormal";
      display: inline-block; } }
    @media (min-width: 0px) and (max-width: 639px) {
      .miniActu .text .categorie {
        font-size: 15px;
        font-size: 1.5rem; } }

@media (min-width: 0px) {
    .miniActu .text .title {
      display: block;
      font-size: 30px;
      font-size: 3.0rem;
      font-family: "novecento_widenormal";
      margin-bottom: 15px; } }
    @media (min-width: 0px) and (max-width: 639px) {
      .miniActu .text .title {
        font-size: 15px;
        font-size: 1.5rem; } }

@media (min-width: 0px) {
  .miniActu .callToAction--pictoAfter {
    margin-top: 5px; }
  .miniActu h3 {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 25px;
    margin-top: 40px; } }

@media (max-width: 1279px) and (min-width: 640px) {
  .miniActu h3 {
    font-size: 26px;
    font-size: 2.6rem; } }

@media (max-width: 639px) {
  .miniActu .callToAction--pictoAfter {
    border-width: 4px;
    height: 46px;
    font-size: 18px;
    font-size: 1.8rem; }
    .miniActu .callToAction--pictoAfter:before {
      height: 38px; } }

.actu-list--agenda {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }
  .actu-list--agenda .visu {
    background-size: cover;
    background-position: center, center;
    display: inline-block;
    content: '';
    vertical-align: top; }
  .actu-list--agenda .right {
    display: inline-block;
    vertical-align: top; }
  .actu-list--agenda .head .date {
    font-size: 33px;
    font-size: 3.3rem;
    font-family: "loveloblack";
    display: inline-block; }
  .actu-list--agenda .head .categorie {
    margin-left: 10px;
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    display: inline-block; }
  .actu-list--agenda .head .title {
    display: block;
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    margin-bottom: 15px;
    line-height: 30px; }
  .actu-list--agenda .head .tiret {
    font-size: 30px;
    font-size: 3.0rem;
    font-family: "novecento_widenormal";
    display: inline-block; }
  .actu-list--agenda .text {
    display: inline-block;
    padding-right: 20px; }
    .actu-list--agenda .text .location {
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 15px; }
      .actu-list--agenda .text .location .place {
        font-family: "open_sansbold";
        display: inline-block; }
      .actu-list--agenda .text .location .details {
        font-family: "open_sansregular";
        display: inline-block; }
  .actu-list--agenda .contain--learn-more {
    display: inline-block;
    vertical-align: top; }
    .actu-list--agenda .contain--learn-more .callToAction--pictoAfter {
      vertical-align: middle;
      display: inline-block; }
  @media (max-width: 1279px) {
    .actu-list--agenda .visu {
      width: 100%;
      position: relative; }
      .actu-list--agenda .visu:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-left: 17.5px solid transparent;
        border-right: 17.5px solid transparent;
        border-bottom: 18px solid #FFF;
        position: absolute;
        left: 50%;
        margin-left: -17.5px;
        bottom: 0; }
    .actu-list--agenda .right {
      height: auto;
      width: 100%; }
    .actu-list--agenda .text {
      padding-right: 0; }
      .actu-list--agenda .text .location .place .divider {
        display: none; }
    .actu-list--agenda .contain--learn-more {
      display: block; }
      .actu-list--agenda .contain--learn-more:before {
        display: none; } }
  @media (min-width: 640px) and (max-width: 1279px) {
    .actu-list--agenda .visu {
      margin-bottom: 50px; }
    .actu-list--agenda .right {
      padding-left: 55px;
      padding-right: 55px; }
    .actu-list--agenda .text .location {
      font-size: 26px;
      font-size: 2.6rem;
      margin-bottom: 50px; } }
  @media (max-width: 639px) {
    .actu-list--agenda .visu {
      margin-bottom: 25px; }
    .actu-list--agenda .right {
      padding-left: 27.5px;
      padding-right: 27.5px; }
    .actu-list--agenda .head .date {
      font-size: 1635px;
      font-size: 1.65rem; }
    .actu-list--agenda .head .categorie {
      font-size: 15px;
      font-size: 1.5rem; }
    .actu-list--agenda .head .title {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 15px; }
    .actu-list--agenda .head .tiret {
      font-size: 15px;
      font-size: 1.5rem; }
    .actu-list--agenda .head .categorie {
      margin-left: 5px; }
    .actu-list--agenda .text .location {
      font-size: 13px;
      font-size: 1.3rem;
      margin-bottom: 25px; } }
  @media (min-width: 1280px) {
    .actu-list--agenda {
      width: 1185px; }
      .actu-list--agenda .callToAction--pictoAfter {
        border-width: 2px; } }
  .actu-list--agenda .actu--item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-bottom: 45px; }
    .actu-list--agenda .actu--item .yosemite-rte p {
      font-family: "open_sanslight"; }
  .actu-list--agenda .lock {
    width: 37px;
    height: 37px;
    border-top: solid 16px;
    border-right: solid 16px;
    position: absolute;
    top: 0;
    right: 0; }
    @media (max-width: 1279px) {
      .actu-list--agenda .lock {
        display: none; } }
  .actu-list--agenda .visu {
    height: 274px; }
    @media (min-width: 1280px) {
      .actu-list--agenda .visu {
        width: 185px;
        margin-right: 45px; } }
  .actu-list--agenda .right {
    border-top: solid 1px;
    position: relative; }
    @media (min-width: 1280px) {
      .actu-list--agenda .right {
        height: auto;
        min-height: 235px;
        padding-top: 40px; } }
    @media (max-width: 1279px) {
      .actu-list--agenda .right {
        border-top: none; } }
  @media (min-width: 1280px) {
    .actu-list--agenda .head {
      width: 955px; } }
  @media (min-width: 1280px) {
    .actu-list--agenda .text {
      width: 575px; } }
  .actu-list--agenda .contain--learn-more {
    width: 380px;
    text-align: left; }
    @media (max-width: 639px) {
      .actu-list--agenda .contain--learn-more {
        width: 100%; } }
  @media (max-width: 1279px) {
    .actu-list--agenda .actu--item {
      padding-top: 0; } }
  @media (max-width: 639px) {
    .actu-list--agenda .actu--item {
      margin-bottom: 22.5px; } }

.banner--anchor-4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .banner--anchor-4 .scrollTo--picto {
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 1280px) {
      .banner--anchor-4 .scrollTo--picto {
        margin-bottom: 65px; }
        .banner--anchor-4 .scrollTo--picto:nth-child(7) {
          width: 100%; }
        .banner--anchor-4 .scrollTo--picto .innerContent {
          width: 275px;
          word-wrap: break-word; } }
    @media (max-width: 1279px) {
      .banner--anchor-4 .scrollTo--picto {
        padding-left: 0; }
        .banner--anchor-4 .scrollTo--picto .icon {
          margin-left: 45px; }
        .banner--anchor-4 .scrollTo--picto .innerContent {
          width: calc(100% - 130px);
          width: -webkit-calc(100% - 130px); } }
    @media (max-width: 1279px) {
      .banner--anchor-4 .scrollTo--picto .icon {
        margin-left: 22.5px; }
      .banner--anchor-4 .scrollTo--picto .innerContent {
        width: calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        font-size: 36px;
        font-size: 3.6rem; } }
    @media (max-width: 639px) {
      .banner--anchor-4 .scrollTo--picto {
        margin-bottom: 23px; }
        .banner--anchor-4 .scrollTo--picto .icon {
          margin-left: 5px;
          margin-right: 11.25px;
          width: 42.5px;
          font-size: 25px !important;
          font-size: 2.5rem !important; }
          .banner--anchor-4 .scrollTo--picto .icon.icon-key {
            position: relative;
            font-size: 20px;
            font-size: 2.0rem; }
        .banner--anchor-4 .scrollTo--picto .innerContent {
          width: calc(100% - 80px);
          width: -webkit-calc(100% - 80px);
          font-size: 18px;
          font-size: 1.8rem; } }
  .banner--anchor-4 .icon {
    font-size: 36px;
    font-size: 3.6rem;
    vertical-align: middle;
    width: 85px;
    text-align: center; }
    .banner--anchor-4 .icon.icon-key {
      font-size: 30px;
      font-size: 3.0rem; }
    .banner--anchor-4 .icon.icon-chef-oeuvre {
      font-size: 37px;
      font-size: 3.7rem; }
    .banner--anchor-4 .icon.icon-parcours {
      font-size: 38px;
      font-size: 3.8rem; }
    .banner--anchor-4 .icon.icon-musee-prive {
      font-size: 43px;
      font-size: 4.3rem; }
    .banner--anchor-4 .icon.icon-frise {
      font-size: 35px;
      font-size: 3.5rem; }
    .banner--anchor-4 .icon.icon-collection {
      font-size: 39px;
      font-size: 3.9rem; }
    .banner--anchor-4 .icon.icon-workshop {
      font-size: 48px;
      font-size: 4.8rem; }
    .banner--anchor-4 .icon.icon-parent {
      font-size: 50px;
      font-size: 5.0rem; }
    .banner--anchor-4 .icon.icon-visio {
      font-size: 52px;
      font-size: 5.2rem; }
    .banner--anchor-4 .icon.icon-tablets {
      font-size: 44px;
      font-size: 4.4rem; }
    .banner--anchor-4 .icon.icon-projects {
      font-size: 44px;
      font-size: 4.4rem; }
    .banner--anchor-4 .icon.icon-architecture {
      font-size: 26px;
      font-size: 2.6rem; }

@media (min-width: 1280px) {
  .banner--anchor-6 .scrollTo--picto {
    margin-bottom: 25px; } }

.page--collections--master .chef-oeuvre .h2-builder, .page--collections--master .musee .h2-builder, .page--collections--master .collections .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 280px;
  text-align: center;
  background-color: #1D1D1E;
  position: relative; }
  .page--collections--master .chef-oeuvre .h2-builder .innerContent, .page--collections--master .musee .h2-builder .innerContent, .page--collections--master .collections .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .page--collections--master .chef-oeuvre .h2-builder .innerContent, .page--collections--master .musee .h2-builder .innerContent, .page--collections--master .collections .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .page--collections--master .chef-oeuvre .h2-builder:before, .page--collections--master .musee .h2-builder:before, .page--collections--master .collections .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .page--collections--master .chef-oeuvre .h2-builder h2, .page--collections--master .musee .h2-builder h2, .page--collections--master .collections .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .page--collections--master .chef-oeuvre .h2-builder, .page--collections--master .musee .h2-builder, .page--collections--master .collections .h2-builder {
      height: auto; }
      .page--collections--master .chef-oeuvre .h2-builder:before, .page--collections--master .musee .h2-builder:before, .page--collections--master .collections .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .page--collections--master .chef-oeuvre .h2-builder, .page--collections--master .musee .h2-builder, .page--collections--master .collections .h2-builder {
      padding: 70px 0 40px; }
      .page--collections--master .chef-oeuvre .h2-builder h2, .page--collections--master .musee .h2-builder h2, .page--collections--master .collections .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .page--collections--master .chef-oeuvre .h2-builder, .page--collections--master .musee .h2-builder, .page--collections--master .collections .h2-builder {
      padding: 35px 0 20px; }
      .page--collections--master .chef-oeuvre .h2-builder h2, .page--collections--master .musee .h2-builder h2, .page--collections--master .collections .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .page--collections--master .chef-oeuvre .h2-builder .triangle, .page--collections--master .musee .h2-builder .triangle, .page--collections--master .collections .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .page--collections--master .chef-oeuvre .h2-builder .icon, .page--collections--master .musee .h2-builder .icon, .page--collections--master .collections .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .page--collections--master .chef-oeuvre .h2-builder, .page--collections--master .musee .h2-builder, .page--collections--master .collections .h2-builder {
      margin-bottom: 17.5px; }
      .page--collections--master .chef-oeuvre .h2-builder .icon, .page--collections--master .musee .h2-builder .icon, .page--collections--master .collections .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .page--collections--master .chef-oeuvre .h2-builder h2, .page--collections--master .chef-oeuvre .h2-builder .icon, .page--collections--master .musee .h2-builder h2, .page--collections--master .musee .h2-builder .icon, .page--collections--master .collections .h2-builder h2, .page--collections--master .collections .h2-builder .icon {
    color: #FFF; }
  .page--collections--master .chef-oeuvre .h2-builder h2, .page--collections--master .musee .h2-builder h2, .page--collections--master .collections .h2-builder h2 {
    font-family: "loveloblack"; }
  .page--collections--master .chef-oeuvre .h2-builder .icon, .page--collections--master .musee .h2-builder .icon, .page--collections--master .collections .h2-builder .icon {
    display: block;
    font-size: 75px;
    font-size: 7.5rem;
    margin-bottom: 35px; }
    .page--collections--master .chef-oeuvre .h2-builder .icon.icon-parcours, .page--collections--master .musee .h2-builder .icon.icon-parcours, .page--collections--master .collections .h2-builder .icon.icon-parcours {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--collections--master .chef-oeuvre .h2-builder .icon.icon-musee-prive, .page--collections--master .musee .h2-builder .icon.icon-musee-prive, .page--collections--master .collections .h2-builder .icon.icon-musee-prive {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--collections--master .chef-oeuvre .h2-builder .icon.icon-key, .page--collections--master .musee .h2-builder .icon.icon-key, .page--collections--master .collections .h2-builder .icon.icon-key {
      font-size: 60px;
      font-size: 6.0rem; }
    .page--collections--master .chef-oeuvre .h2-builder .icon.icon-collection, .page--collections--master .musee .h2-builder .icon.icon-collection, .page--collections--master .collections .h2-builder .icon.icon-collection {
      font-size: 85px;
      font-size: 8.5rem; }
    .page--collections--master .chef-oeuvre .h2-builder .icon.icon-artips-text, .page--collections--master .musee .h2-builder .icon.icon-artips-text, .page--collections--master .collections .h2-builder .icon.icon-artips-text {
      display: inline-block;
      font-size: 20px;
      font-size: 2.0rem;
      margin-bottom: 0px;
      position: relative;
      left: -4px;
      top: -1px; }
  .page--collections--master .chef-oeuvre .h2-builder .triangle, .page--collections--master .musee .h2-builder .triangle, .page--collections--master .collections .h2-builder .triangle {
    display: block;
    position: static; }
  @media (max-width: 639px) {
    .page--collections--master .chef-oeuvre .h2-builder .icon, .page--collections--master .musee .h2-builder .icon, .page--collections--master .collections .h2-builder .icon {
      font-size: 37.5px;
      font-size: 3.75rem;
      margin-bottom: 17.5px; } }
  .page--collections--master .chef-oeuvre .h2-builder .triangle, .page--collections--master .musee .h2-builder .triangle, .page--collections--master .collections .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.page--collections--master .parcours .h2-builder, .page--collections--master .secrets .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 280px;
  text-align: center;
  background-color: #FFF;
  position: relative; }
  .page--collections--master .parcours .h2-builder .innerContent, .page--collections--master .secrets .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .page--collections--master .parcours .h2-builder .innerContent, .page--collections--master .secrets .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .page--collections--master .parcours .h2-builder:before, .page--collections--master .secrets .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .page--collections--master .parcours .h2-builder h2, .page--collections--master .secrets .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .page--collections--master .parcours .h2-builder, .page--collections--master .secrets .h2-builder {
      height: auto; }
      .page--collections--master .parcours .h2-builder:before, .page--collections--master .secrets .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .page--collections--master .parcours .h2-builder, .page--collections--master .secrets .h2-builder {
      padding: 70px 0 40px; }
      .page--collections--master .parcours .h2-builder h2, .page--collections--master .secrets .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .page--collections--master .parcours .h2-builder, .page--collections--master .secrets .h2-builder {
      padding: 35px 0 20px; }
      .page--collections--master .parcours .h2-builder h2, .page--collections--master .secrets .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .page--collections--master .parcours .h2-builder .triangle, .page--collections--master .secrets .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .page--collections--master .parcours .h2-builder .icon, .page--collections--master .secrets .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .page--collections--master .parcours .h2-builder, .page--collections--master .secrets .h2-builder {
      margin-bottom: 17.5px; }
      .page--collections--master .parcours .h2-builder .icon, .page--collections--master .secrets .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .page--collections--master .parcours .h2-builder h2, .page--collections--master .parcours .h2-builder .icon, .page--collections--master .secrets .h2-builder h2, .page--collections--master .secrets .h2-builder .icon {
    color: #1D1D1E; }
  .page--collections--master .parcours .h2-builder .triangle, .page--collections--master .secrets .h2-builder .triangle {
    display: block;
    position: static;
    border-top-color: #1D1D1E !important; }
  .page--collections--master .parcours .h2-builder h2, .page--collections--master .secrets .h2-builder h2 {
    font-family: "loveloblack"; }
  .page--collections--master .parcours .h2-builder .icon, .page--collections--master .secrets .h2-builder .icon {
    display: block;
    font-size: 75px;
    font-size: 7.5rem;
    margin-bottom: 35px; }
    .page--collections--master .parcours .h2-builder .icon.icon-parcours, .page--collections--master .secrets .h2-builder .icon.icon-parcours {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--collections--master .parcours .h2-builder .icon.icon-musee-prive, .page--collections--master .secrets .h2-builder .icon.icon-musee-prive {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--collections--master .parcours .h2-builder .icon.icon-key, .page--collections--master .secrets .h2-builder .icon.icon-key {
      font-size: 60px;
      font-size: 6.0rem; }
    .page--collections--master .parcours .h2-builder .icon.icon-collection, .page--collections--master .secrets .h2-builder .icon.icon-collection {
      font-size: 85px;
      font-size: 8.5rem; }
    .page--collections--master .parcours .h2-builder .icon.icon-artips-text, .page--collections--master .secrets .h2-builder .icon.icon-artips-text {
      display: inline-block;
      font-size: 20px;
      font-size: 2.0rem;
      margin-bottom: 0px;
      position: relative;
      left: -4px;
      top: -1px; }
  .page--collections--master .parcours .h2-builder .triangle, .page--collections--master .secrets .h2-builder .triangle {
    display: block;
    position: static; }
  @media (max-width: 639px) {
    .page--collections--master .parcours .h2-builder .icon, .page--collections--master .secrets .h2-builder .icon {
      font-size: 37.5px;
      font-size: 3.75rem;
      margin-bottom: 17.5px; } }
  .page--collections--master .parcours .h2-builder .triangle, .page--collections--master .secrets .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.page--visiter-master .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 140px;
  text-align: center;
  background-color: #1D1D1E;
  position: relative; }
  .page--visiter-master .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .page--visiter-master .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .page--visiter-master .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .page--visiter-master .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .page--visiter-master .h2-builder {
      height: auto; }
      .page--visiter-master .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .page--visiter-master .h2-builder {
      padding: 70px 0 40px; }
      .page--visiter-master .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .page--visiter-master .h2-builder {
      padding: 35px 0 20px; }
      .page--visiter-master .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .page--visiter-master .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .page--visiter-master .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .page--visiter-master .h2-builder {
      margin-bottom: 17.5px; }
      .page--visiter-master .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .page--visiter-master .h2-builder h2, .page--visiter-master .h2-builder .icon {
    color: #FFF; }
  .page--visiter-master .h2-builder .innerContent {
    position: relative; }
  @media (min-width: 1280px) {
    .page--visiter-master .h2-builder .icon {
      position: absolute;
      left: -100px;
      top: -15px;
      font-size: 50px;
      font-size: 5.0rem; } }
  .page--visiter-master .h2-builder .triangle {
    margin-top: 20px; }
  .page--visiter-master .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.page--collections--oeuvre .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 135px;
  text-align: center;
  background-color: #1D1D1E;
  position: relative; }
  .page--collections--oeuvre .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .page--collections--oeuvre .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .page--collections--oeuvre .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .page--collections--oeuvre .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .page--collections--oeuvre .h2-builder {
      height: auto; }
      .page--collections--oeuvre .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .page--collections--oeuvre .h2-builder {
      padding: 70px 0 40px; }
      .page--collections--oeuvre .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .page--collections--oeuvre .h2-builder {
      padding: 35px 0 20px; }
      .page--collections--oeuvre .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .page--collections--oeuvre .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .page--collections--oeuvre .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .page--collections--oeuvre .h2-builder {
      margin-bottom: 17.5px; }
      .page--collections--oeuvre .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .page--collections--oeuvre .h2-builder h2, .page--collections--oeuvre .h2-builder .icon {
    color: #FFF; }
  .page--collections--oeuvre .h2-builder .innerContent {
    position: relative; }
  @media (min-width: 1280px) {
    .page--collections--oeuvre .h2-builder .icon {
      position: absolute;
      left: -100px;
      top: -15px;
      font-size: 50px;
      font-size: 5.0rem; } }
  .page--collections--oeuvre .h2-builder .triangle {
    margin-top: 20px; }
  .page--collections--oeuvre .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.page--agenda .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 260px;
  text-align: center;
  background-color: #FFF;
  position: relative; }
  .page--agenda .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .page--agenda .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .page--agenda .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .page--agenda .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .page--agenda .h2-builder {
      height: auto; }
      .page--agenda .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .page--agenda .h2-builder {
      padding: 70px 0 40px; }
      .page--agenda .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .page--agenda .h2-builder {
      padding: 35px 0 20px; }
      .page--agenda .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .page--agenda .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .page--agenda .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .page--agenda .h2-builder {
      margin-bottom: 17.5px; }
      .page--agenda .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .page--agenda .h2-builder h2, .page--agenda .h2-builder .icon {
    color: #1D1D1E; }
  .page--agenda .h2-builder .triangle {
    display: block;
    position: static;
    border-top-color: #1D1D1E !important; }
  .page--agenda .h2-builder h2 {
    font-family: "loveloblack"; }
  .page--agenda .h2-builder .icon {
    display: block;
    font-size: 75px;
    font-size: 7.5rem;
    margin-bottom: 35px; }
    .page--agenda .h2-builder .icon.icon-parcours {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--agenda .h2-builder .icon.icon-musee-prive {
      font-size: 83px;
      font-size: 8.3rem; }
    .page--agenda .h2-builder .icon.icon-key {
      font-size: 60px;
      font-size: 6.0rem; }
    .page--agenda .h2-builder .icon.icon-collection {
      font-size: 85px;
      font-size: 8.5rem; }
    .page--agenda .h2-builder .icon.icon-artips-text {
      display: inline-block;
      font-size: 20px;
      font-size: 2.0rem;
      margin-bottom: 0px;
      position: relative;
      left: -4px;
      top: -1px; }
  .page--agenda .h2-builder .triangle {
    display: block;
    position: static; }
  @media (max-width: 639px) {
    .page--agenda .h2-builder .icon {
      font-size: 37.5px;
      font-size: 3.75rem;
      margin-bottom: 17.5px; } }
  .page--agenda .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.gabarit-1.artips .h2-builder {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 280px;
  text-align: center;
  background-color: #FFF;
  position: relative; }
  .gabarit-1.artips .h2-builder .innerContent {
    display: inline-block;
    vertical-align: bottom; }
    @media (min-width: 1280px) {
      .gabarit-1.artips .h2-builder .innerContent {
        margin-bottom: 25px; } }
  .gabarit-1.artips .h2-builder:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .gabarit-1.artips .h2-builder h2 {
    display: inline-block;
    vertical-align: middle; }
  @media (max-width: 1279px) {
    .gabarit-1.artips .h2-builder {
      height: auto; }
      .gabarit-1.artips .h2-builder:before {
        display: none; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .gabarit-1.artips .h2-builder {
      padding: 70px 0 40px; }
      .gabarit-1.artips .h2-builder h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
  @media (max-width: 639px) {
    .gabarit-1.artips .h2-builder {
      padding: 35px 0 20px; }
      .gabarit-1.artips .h2-builder h2 {
        font-size: 14px;
        font-size: 1.4rem; }
      .gabarit-1.artips .h2-builder .triangle {
        margin-top: 12.25px !important;
        border-width: 5px !important;
        margin-left: -5px !important; } }
  @media (max-width: 1279px) {
    .gabarit-1.artips .h2-builder .icon {
      display: block;
      width: 100%;
      margin-bottom: 35px;
      font-size: 75px;
      font-size: 7.5rem; } }
  @media (max-width: 639px) {
    .gabarit-1.artips .h2-builder {
      margin-bottom: 17.5px; }
      .gabarit-1.artips .h2-builder .icon {
        font-size: 37px;
        font-size: 3.7rem;
        margin-bottom: 17.5px; } }
  .gabarit-1.artips .h2-builder h2, .gabarit-1.artips .h2-builder .icon {
    color: #1D1D1E; }
  .gabarit-1.artips .h2-builder .triangle {
    display: block;
    position: static;
    border-top-color: #1D1D1E !important; }
  .gabarit-1.artips .h2-builder h2 {
    font-family: "loveloblack"; }
  .gabarit-1.artips .h2-builder .icon {
    display: block;
    font-size: 75px;
    font-size: 7.5rem;
    margin-bottom: 35px; }
    .gabarit-1.artips .h2-builder .icon.icon-parcours {
      font-size: 83px;
      font-size: 8.3rem; }
    .gabarit-1.artips .h2-builder .icon.icon-musee-prive {
      font-size: 83px;
      font-size: 8.3rem; }
    .gabarit-1.artips .h2-builder .icon.icon-key {
      font-size: 60px;
      font-size: 6.0rem; }
    .gabarit-1.artips .h2-builder .icon.icon-collection {
      font-size: 85px;
      font-size: 8.5rem; }
    .gabarit-1.artips .h2-builder .icon.icon-artips-text {
      display: inline-block;
      font-size: 20px;
      font-size: 2.0rem;
      margin-bottom: 0px;
      position: relative;
      left: -4px;
      top: -1px; }
  .gabarit-1.artips .h2-builder .triangle {
    display: block;
    position: static; }
  @media (max-width: 639px) {
    .gabarit-1.artips .h2-builder .icon {
      font-size: 37.5px;
      font-size: 3.75rem;
      margin-bottom: 17.5px; } }
  .gabarit-1.artips .h2-builder .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    position: relative;
    left: 50%;
    margin-left: -10px;
    margin-top: 25px; }

.h2-secrets .subtitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "atc_overlookregular";
  text-transform: none;
  margin-top: 3px; }
  .h2-secrets .subtitle .icon-artips {
    display: inline-block !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    margin-bottom: 0 !important;
    margin-left: 5px;
    width: auto !important; }

.callToAction--light {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 560px;
  color: #FFF;
  border-color: #FFF;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px; }
  .callToAction--light .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--light:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--light {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--light {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--light:before {
        height: 40.5px; } }
  .callToAction--light:hover, .callToAction--light:focus, .callToAction--light:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--light-wide {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 560px;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--light-wide .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--light-wide:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .callToAction--light-wide {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .callToAction--light-wide {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .callToAction--light-wide:before {
          height: 40.5px; } }
    .callToAction--light-wide:hover, .callToAction--light-wide:focus, .callToAction--light-wide:active {
      color: #D8383F;
      border-color: #D8383F; }

.callToAction--dark {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 560px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px; }
  .callToAction--dark .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--dark:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--dark {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--dark {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--dark:before {
        height: 40.5px; } }
  .callToAction--dark:hover, .callToAction--dark:focus, .callToAction--dark:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--dark-wide {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 560px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--dark-wide .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--dark-wide:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .callToAction--dark-wide {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .callToAction--dark-wide {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .callToAction--dark-wide:before {
          height: 40.5px; } }
    .callToAction--dark-wide:hover, .callToAction--dark-wide:focus, .callToAction--dark-wide:active {
      color: #D8383F;
      border-color: #D8383F; }

.callToAction--picto-light {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 550px;
  color: #FFF;
  border-color: #FFF;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 60px; }
  .callToAction--picto-light .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--picto-light:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-light {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--picto-light {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-light:before {
        height: 40.5px; } }
  .callToAction--picto-light:hover, .callToAction--picto-light:focus, .callToAction--picto-light:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--picto-light .st0 {
    transition: all 0.3s ease 0s; }
  @media (max-width: 639px) {
    .callToAction--picto-light {
      padding-left: 30px; } }
  .callToAction--picto-light .icon {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    top: 25px;
    left: 35px;
    font-size: 31px;
    font-size: 3.1rem; }
    @media (max-width: 639px) {
      .callToAction--picto-light .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }
  .callToAction--picto-light-wide {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 560px;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .callToAction--picto-light-wide .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-light-wide:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .callToAction--picto-light-wide {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .callToAction--picto-light-wide {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .callToAction--picto-light-wide:before {
          height: 40.5px; } }
    .callToAction--picto-light-wide:hover, .callToAction--picto-light-wide:focus, .callToAction--picto-light-wide:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-light-wide .st0 {
      transition: all 0.3s ease 0s; }
    @media (max-width: 639px) {
      .callToAction--picto-light-wide {
        padding-left: 30px; } }
    .callToAction--picto-light-wide .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; }
      @media (max-width: 639px) {
        .callToAction--picto-light-wide .icon {
          top: 33%;
          font-size: 15px;
          font-size: 1.5rem;
          left: 17.5px; } }

.callToAction--picto-dark {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 85px;
  width: 550px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  text-transform: uppercase;
  font-family: "loveloblack";
  font-size: 24px;
  max-width: 100%;
  margin-bottom: 45px;
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 60px; }
  .callToAction--picto-dark .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .callToAction--picto-dark:before {
    content: '';
    height: 85px;
    display: inline-block;
    vertical-align: middle; }
  @media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-dark {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) {
    .callToAction--picto-dark {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-dark:before {
        height: 40.5px; } }
  .callToAction--picto-dark:hover, .callToAction--picto-dark:focus, .callToAction--picto-dark:active {
    color: #D8383F;
    border-color: #D8383F; }
  .callToAction--picto-dark .st0 {
    transition: all 0.3s ease 0s; }
  @media (max-width: 639px) {
    .callToAction--picto-dark {
      padding-left: 30px; } }
  .callToAction--picto-dark .icon {
    content: '';
    display: inline-block;
    position: absolute;
    background-repeat: no-repeat;
    top: 25px;
    left: 35px;
    font-size: 31px;
    font-size: 3.1rem; }
    @media (max-width: 639px) {
      .callToAction--picto-dark .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }
  .callToAction--picto-dark-wide {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 560px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .callToAction--picto-dark-wide .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-dark-wide:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .callToAction--picto-dark-wide {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .callToAction--picto-dark-wide {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .callToAction--picto-dark-wide:before {
          height: 40.5px; } }
    .callToAction--picto-dark-wide:hover, .callToAction--picto-dark-wide:focus, .callToAction--picto-dark-wide:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-dark-wide .st0 {
      transition: all 0.3s ease 0s; }
    @media (max-width: 639px) {
      .callToAction--picto-dark-wide {
        padding-left: 30px; } }
    .callToAction--picto-dark-wide .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; }
      @media (max-width: 639px) {
        .callToAction--picto-dark-wide .icon {
          top: 33%;
          font-size: 15px;
          font-size: 1.5rem;
          left: 17.5px; } }

.page--collections--master .musee .locked-picture, .page--collections--master .collections .locked-picture {
  height: 495px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  text-align: center;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); }
  .page--collections--master .musee .locked-picture.stand-alone, .page--collections--master .collections .locked-picture.stand-alone {
    margin-bottom: 45px; }
    @media (max-width: 639px) {
      .page--collections--master .musee .locked-picture.stand-alone, .page--collections--master .collections .locked-picture.stand-alone {
        margin-bottom: 22.5px; } }
  .page--collections--master .musee .locked-picture:before, .page--collections--master .collections .locked-picture:before {
    height: 100%;
    display: inline-block;
    content: '';
    vertical-align: middle; }
  .page--collections--master .musee .locked-picture .locked-content, .page--collections--master .collections .locked-picture .locked-content {
    position: relative;
    display: inline-block;
    width: 820px;
    text-align: center;
    height: 371.25px;
    vertical-align: middle; }
    .page--collections--master .musee .locked-picture .locked-content:before, .page--collections--master .collections .locked-picture .locked-content:before {
      height: 100%;
      display: inline-block;
      content: '';
      vertical-align: middle; }
  .page--collections--master .musee .locked-picture .lock-bar-left, .page--collections--master .collections .locked-picture .lock-bar-left {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 30px;
    height: 371.25px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-right: none;
    position: absolute;
    left: 0; }
    @media (max-width: 1279px) {
      .page--collections--master .musee .locked-picture .lock-bar-left, .page--collections--master .collections .locked-picture .lock-bar-left {
        width: 100%; } }
    @media (max-width: 639px) {
      .page--collections--master .musee .locked-picture .lock-bar-left, .page--collections--master .collections .locked-picture .lock-bar-left {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .page--collections--master .musee .locked-picture .lock-bar-right, .page--collections--master .collections .locked-picture .lock-bar-right {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 30px;
    height: 371.25px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-left: none;
    position: absolute;
    right: 0; }
    @media (max-width: 1279px) {
      .page--collections--master .musee .locked-picture .lock-bar-right, .page--collections--master .collections .locked-picture .lock-bar-right {
        width: 100%; } }
    @media (max-width: 639px) {
      .page--collections--master .musee .locked-picture .lock-bar-right, .page--collections--master .collections .locked-picture .lock-bar-right {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .page--collections--master .musee .locked-picture .innerContent, .page--collections--master .collections .locked-picture .innerContent {
    display: inline-block;
    vertical-align: middle;
    width: 660px;
    color: white; }
  .page--collections--master .musee .locked-picture .title, .page--collections--master .collections .locked-picture .title {
    font-family: "loveloblack";
    font-size: 46px;
    font-size: 4.6rem; }
  .page--collections--master .musee .locked-picture .subtitle, .page--collections--master .collections .locked-picture .subtitle {
    font-family: "novecento_widenormal";
    font-size: 31px;
    font-size: 3.1rem; }
  .page--collections--master .musee .locked-picture .description, .page--collections--master .collections .locked-picture .description {
    font-family: "bikobold";
    font-size: 25px;
    font-size: 2.5rem; }
  @media (max-width: 1279px) {
    .page--collections--master .musee .locked-picture .locked-content, .page--collections--master .collections .locked-picture .locked-content {
      width: 95%; }
    .page--collections--master .musee .locked-picture .innerContent, .page--collections--master .collections .locked-picture .innerContent {
      width: 100%; }
    .page--collections--master .musee .locked-picture .lock-bar-left, .page--collections--master .collections .locked-picture .lock-bar-left {
      display: none; }
    .page--collections--master .musee .locked-picture .lock-bar-right, .page--collections--master .collections .locked-picture .lock-bar-right {
      display: none; } }
  @media (max-width: 639px) {
    .page--collections--master .musee .locked-picture .title, .page--collections--master .collections .locked-picture .title {
      font-size: 23px;
      font-size: 2.3rem; }
    .page--collections--master .musee .locked-picture .subtitle, .page--collections--master .collections .locked-picture .subtitle {
      font-size: 15px;
      font-size: 1.5rem; }
    .page--collections--master .musee .locked-picture .description, .page--collections--master .collections .locked-picture .description {
      font-size: 12.5px;
      font-size: 1.25rem; } }

.page--agenda .locked-picture {
  height: 510px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  text-align: center;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); }
  .page--agenda .locked-picture.stand-alone {
    margin-bottom: 45px; }
    @media (max-width: 639px) {
      .page--agenda .locked-picture.stand-alone {
        margin-bottom: 22.5px; } }
  .page--agenda .locked-picture:before {
    height: 100%;
    display: inline-block;
    content: '';
    vertical-align: middle; }
  .page--agenda .locked-picture .locked-content {
    position: relative;
    display: inline-block;
    width: 955px;
    text-align: center;
    height: 382.5px;
    vertical-align: middle; }
    .page--agenda .locked-picture .locked-content:before {
      height: 100%;
      display: inline-block;
      content: '';
      vertical-align: middle; }
  .page--agenda .locked-picture .lock-bar-left {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 30px;
    height: 382.5px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-right: none;
    position: absolute;
    left: 0; }
    @media (max-width: 1279px) {
      .page--agenda .locked-picture .lock-bar-left {
        width: 100%; } }
    @media (max-width: 639px) {
      .page--agenda .locked-picture .lock-bar-left {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .page--agenda .locked-picture .lock-bar-right {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 30px;
    height: 382.5px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-left: none;
    position: absolute;
    right: 0; }
    @media (max-width: 1279px) {
      .page--agenda .locked-picture .lock-bar-right {
        width: 100%; } }
    @media (max-width: 639px) {
      .page--agenda .locked-picture .lock-bar-right {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .page--agenda .locked-picture .innerContent {
    display: inline-block;
    vertical-align: middle;
    width: 795px;
    color: white; }
  .page--agenda .locked-picture .title {
    font-family: "loveloblack";
    font-size: 46px;
    font-size: 4.6rem; }
  .page--agenda .locked-picture .subtitle {
    font-family: "novecento_widenormal";
    font-size: 31px;
    font-size: 3.1rem; }
  .page--agenda .locked-picture .description {
    font-family: "bikobold";
    font-size: 25px;
    font-size: 2.5rem; }
  @media (max-width: 1279px) {
    .page--agenda .locked-picture .locked-content {
      width: 95%; }
    .page--agenda .locked-picture .innerContent {
      width: 100%; }
    .page--agenda .locked-picture .lock-bar-left {
      display: none; }
    .page--agenda .locked-picture .lock-bar-right {
      display: none; } }
  @media (max-width: 639px) {
    .page--agenda .locked-picture .title {
      font-size: 23px;
      font-size: 2.3rem; }
    .page--agenda .locked-picture .subtitle {
      font-size: 15px;
      font-size: 1.5rem; }
    .page--agenda .locked-picture .description {
      font-size: 12.5px;
      font-size: 1.25rem; } }

.pagination--dark {
  text-align: center;
  height: 35px;
  margin-bottom: 45px !important;
  color: #FFF;
  background-color: #1D1D1E; }
  .pagination--dark:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .pagination--dark .pagination-previous, .pagination--dark .pagination-next {
    border: solid 4px #FFF;
    padding: 5px 13px;
    transition: all 0.3s ease 0s;
    font-size: "bikobold";
    font-size: 18px;
    font-size: 1.8rem; }
    .pagination--dark .pagination-previous:focus, .pagination--dark .pagination-next:focus, .pagination--dark .pagination-previous:active, .pagination--dark .pagination-next:active, .pagination--dark .pagination-previous:hover, .pagination--dark .pagination-next:hover,
    .pagination--dark .pagination-previous .active,
    .pagination--dark .pagination-next .active {
      border-color: #D8383F;
      color: #D8383F; }
      .pagination--dark .pagination-previous:focus .icon, .pagination--dark .pagination-next:focus .icon, .pagination--dark .pagination-previous:active .icon, .pagination--dark .pagination-next:active .icon, .pagination--dark .pagination-previous:hover .icon, .pagination--dark .pagination-next:hover .icon,
      .pagination--dark .pagination-previous .active .icon,
      .pagination--dark .pagination-next .active .icon {
        color: #D8383F; }
    @media (max-width: 1279px) {
      .pagination--dark .pagination-previous, .pagination--dark .pagination-next {
        margin: 0 !important; } }
    @media (max-width: 639px) {
      .pagination--dark .pagination-previous, .pagination--dark .pagination-next {
        font-size: 11px;
        font-size: 1.1rem; }
        .pagination--dark .pagination-previous .icon, .pagination--dark .pagination-next .icon {
          font-size: 11px;
          font-size: 1.1rem; } }
  .pagination--dark .pagination-previous {
    float: left;
    text-align: left;
    margin-left: 20px; }
    .pagination--dark .pagination-previous .icon {
      padding-right: 15px; }
  .pagination--dark .pagination-next {
    float: right;
    text-align: right;
    margin-right: 20px; }
    .pagination--dark .pagination-next .icon {
      padding-left: 15px; }
  .pagination--dark .index {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 1279px) {
      .pagination--dark .index {
        display: none; } }
    .pagination--dark .index .index-item {
      display: inline-block;
      width: 45px;
      text-align: center;
      transition: all 0.3s ease 0s;
      border-left: solid 2px #FFF;
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "bikobold"; }
      .pagination--dark .index .index-item a {
        width: 100%;
        display: inline-block; }
        .pagination--dark .index .index-item a:hover, .pagination--dark .index .index-item a:active, .pagination--dark .index .index-item a:focus {
          color: #D8383F; }
      .pagination--dark .index .index-item.active {
        color: #D8383F; }
      .pagination--dark .index .index-item:first-child {
        border-left: none; }
      .pagination--dark .index .index-item .pagination-last {
        border-left: none; }
      .pagination--dark .index .index-item.dotted {
        border: none;
        width: 20px; }
      .pagination--dark .index .index-item + .dotted {
        border: none; }

.pagination--light {
  text-align: center;
  height: 35px;
  margin-bottom: 45px !important;
  color: #1D1D1E;
  background-color: #FFF; }
  .pagination--light:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ''; }
  .pagination--light .pagination-previous, .pagination--light .pagination-next {
    border: solid 4px #1D1D1E;
    padding: 5px 13px;
    transition: all 0.3s ease 0s;
    font-size: "bikobold";
    font-size: 18px;
    font-size: 1.8rem; }
    .pagination--light .pagination-previous:focus, .pagination--light .pagination-next:focus, .pagination--light .pagination-previous:active, .pagination--light .pagination-next:active, .pagination--light .pagination-previous:hover, .pagination--light .pagination-next:hover,
    .pagination--light .pagination-previous .active,
    .pagination--light .pagination-next .active {
      border-color: #D8383F;
      color: #D8383F; }
      .pagination--light .pagination-previous:focus .icon, .pagination--light .pagination-next:focus .icon, .pagination--light .pagination-previous:active .icon, .pagination--light .pagination-next:active .icon, .pagination--light .pagination-previous:hover .icon, .pagination--light .pagination-next:hover .icon,
      .pagination--light .pagination-previous .active .icon,
      .pagination--light .pagination-next .active .icon {
        color: #D8383F; }
    @media (max-width: 1279px) {
      .pagination--light .pagination-previous, .pagination--light .pagination-next {
        margin: 0 !important; } }
    @media (max-width: 639px) {
      .pagination--light .pagination-previous, .pagination--light .pagination-next {
        font-size: 11px;
        font-size: 1.1rem; }
        .pagination--light .pagination-previous .icon, .pagination--light .pagination-next .icon {
          font-size: 11px;
          font-size: 1.1rem; } }
  .pagination--light .pagination-previous {
    float: left;
    text-align: left;
    margin-left: 20px; }
    .pagination--light .pagination-previous .icon {
      padding-right: 15px; }
  .pagination--light .pagination-next {
    float: right;
    text-align: right;
    margin-right: 20px; }
    .pagination--light .pagination-next .icon {
      padding-left: 15px; }
  .pagination--light .index {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
    @media (max-width: 1279px) {
      .pagination--light .index {
        display: none; } }
    .pagination--light .index .index-item {
      display: inline-block;
      width: 45px;
      text-align: center;
      transition: all 0.3s ease 0s;
      border-left: solid 2px #1D1D1E;
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "bikobold"; }
      .pagination--light .index .index-item a {
        width: 100%;
        display: inline-block; }
        .pagination--light .index .index-item a:hover, .pagination--light .index .index-item a:active, .pagination--light .index .index-item a:focus {
          color: #D8383F; }
      .pagination--light .index .index-item.active {
        color: #D8383F; }
      .pagination--light .index .index-item:first-child {
        border-left: none; }
      .pagination--light .index .index-item .pagination-last {
        border-left: none; }
      .pagination--light .index .index-item.dotted {
        border: none;
        width: 20px; }
      .pagination--light .index .index-item + .dotted {
        border: none; }

section > *:last-child.gallery {
  margin-bottom: 0px !important; }

section > *:last-child.slider {
  margin-bottom: 0px !important; }

section > *:last-child.stand-alone {
  margin-bottom: 0px !important; }

section {
  overflow: auto; }

.actu-expositions .categorie {
  color: #b81231; }

.actu-expositions .right {
  border-color: #b81231; }

.actu-expositions .lock {
  border-color: #b81231; }

.actu-visite .categorie {
  color: #935297; }

.actu-visite .right {
  border-color: #935297; }

.actu-visite .lock {
  border-color: #935297; }

.actu-invite .categorie {
  color: #b5d179; }

.actu-invite .right {
  border-color: #b5d179; }

.actu-invite .lock {
  border-color: #b5d179; }

.actu-evenements .categorie {
  color: #d3336c; }

.actu-evenements .right {
  border-color: #d3336c; }

.actu-evenements .lock {
  border-color: #d3336c; }

.actu-actualite .categorie {
  color: #00b1be; }

.actu-actualite .right {
  border-color: #00b1be; }

.actu-actualite .lock {
  border-color: #00b1be; }

.actu-conference .categorie {
  color: #6fbc9a; }

.actu-conference .right {
  border-color: #6fbc9a; }

.actu-conference .lock {
  border-color: #6fbc9a; }

.actu-jeune .categorie {
  color: #79a506; }

.actu-jeune .right {
  border-color: #79a506; }

.actu-jeune .lock {
  border-color: #79a506; }

.actu-nocturne .categorie {
  color: #1c74bc; }

.actu-nocturne .right {
  border-color: #1c74bc; }

.actu-nocturne .lock {
  border-color: #1c74bc; }

.actu-atelier .categorie {
  color: #f36523; }

.actu-atelier .right {
  border-color: #f36523; }

.actu-atelier .lock {
  border-color: #f36523; }

.arianne {
  height: 105px;
  color: white;
  font-family: "bikobold";
  /* Arianne recherche avancée */ }
  @media (max-width: 1279px) {
    .arianne {
      display: none; } }
  .arianne .center-line {
    padding: 0 25px;
    position: relative;
    width: 1280px;
    margin: 0 auto;
    height: 100%; }
    .arianne .center-line:before {
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      content: ''; }
    .arianne .center-line > * {
      display: inline-block;
      vertical-align: middle; }
  .arianne a {
    transition: all 0.3s ease 0s; }
    .arianne a:hover, .arianne a:active, .arianne a:focus {
      color: #D8383F; }
  .arianne .back-to {
    padding-top: 40px;
    font-size: 19px;
    font-size: 1.9rem;
    position: absolute;
    left: 25px;
    max-width: 340px;
    /*svg{
			position: relative;
			// top: 3px;
			margin-right: 10px;
			vertical-align: middle;
			float: left;
		}*/ }
    .arianne .back-to .text {
      vertical-align: top;
      margin-left: 20px; }
  .arianne .share {
    position: absolute;
    right: 40px;
    margin-top: 42px;
    font-size: 20px;
    font-size: 2.0rem;
    transition: all 0.3s ease 0s; }
    .arianne .share:hover, .arianne .share:focus, .arianne .share:active {
      color: #D8383F; }
    .arianne .share:before {
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      content: ''; }
  .arianne .billeterie {
    position: absolute;
    right: 145px;
    top: 50%;
    margin-top: -16px;
    border: 4px solid #FFF;
    padding: 8px 14px 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "loveloblack";
    transition: all 0.3 ease 0s; }
    .arianne .billeterie:hover, .arianne .billeterie:focus, .arianne .billeterie:active {
      border-color: #D8383F; }
  .arianne.gabarit-1 {
    background-color: #1D1D1E;
    background-color: transparent;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2; }
    .arianne.gabarit-1 h1 {
      display: inline; }
    .arianne.gabarit-1 .profil {
      text-transform: uppercase;
      display: inline; }
    .arianne.gabarit-1 .prev-oeuvre, .arianne.gabarit-1 .next-oeuvre {
      padding-top: 35px;
      font-size: 30px;
      font-size: 3.0rem; }
    .arianne.gabarit-1 .prev-oeuvre {
      position: absolute;
      left: 395px; }
    .arianne.gabarit-1 .next-oeuvre {
      position: absolute;
      left: 860px; }
  .arianne.gabarit-2 {
    background-color: #1D1D1E;
    background-color: transparent;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2; }
    .arianne.gabarit-2 h1 {
      display: inline; }
    .arianne.gabarit-2 .profil {
      text-transform: uppercase;
      display: inline; }
    .arianne.gabarit-2 .prev-oeuvre, .arianne.gabarit-2 .next-oeuvre {
      padding-top: 35px;
      font-size: 30px;
      font-size: 3.0rem; }
    .arianne.gabarit-2 .prev-oeuvre {
      position: absolute;
      left: 395px; }
    .arianne.gabarit-2 .next-oeuvre {
      position: absolute;
      left: 860px; }
    .arianne.gabarit-2 .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.gabarit-2 .title .text {
        vertical-align: middle; }
      .arianne.gabarit-2 .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.gabarit-2 .title .icon {
      vertical-align: middle;
      margin-right: 35px; }
  .arianne.applications {
    background-color: #1D1D1E; }
    .arianne.applications h1 {
      display: inline; }
    .arianne.applications .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.applications .title .text {
        vertical-align: middle; }
      .arianne.applications .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.applications .title .icon {
      vertical-align: middle;
      margin-right: 35px; }
    .arianne.applications .title {
      font-size: 2.4rem;
      width: 506px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 28px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flex;
      -ms-flex-align: center;
          align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -webkit-align-items: center; }
      .arianne.applications .title .icon {
        vertical-align: middle;
        margin-right: 35px;
        font-size: 58px; }
  .arianne.collections-liste {
    background-color: #1D1D1E; }
    .arianne.collections-liste h1 {
      display: inline; }
    .arianne.collections-liste .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.collections-liste .title .text {
        vertical-align: middle; }
      .arianne.collections-liste .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.collections-liste .title {
      text-transform: uppercase; }
    .arianne.collections-liste .select-contain {
      position: absolute;
      right: 80px;
      top: 50%;
      margin-top: -16px;
      text-align: left; }
      .arianne.collections-liste .select-contain .icon {
        float: right;
        padding-left: 5px; }
    .arianne.collections-liste .collection-select {
      width: 300px;
      text-transform: none;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 7px 10px 7px 15px;
      text-align: center;
      border: 4px solid #FFF;
      transition: all 0.3s ease 0s; }
      .arianne.collections-liste .collection-select:hover .icon, .arianne.collections-liste .collection-select:focus .icon, .arianne.collections-liste .collection-select:active .icon {
        color: #D8383F; }
    .arianne.collections-liste .collection-list {
      z-index: 3;
      display: none;
      text-align: left;
      position: absolute;
      top: 28px;
      border: solid 4px #FFF;
      border-top: none;
      background-color: #1D1D1E;
      width: 100%; }
      .arianne.collections-liste .collection-list li {
        padding: 5px 10px 5px 15px; }
        .arianne.collections-liste .collection-list li.collection-active {
          opacity: 0.3; }
  .arianne.collections-liste-oeuvre {
    background-color: #1D1D1E; }
    .arianne.collections-liste-oeuvre h1 {
      display: inline; }
    .arianne.collections-liste-oeuvre .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.collections-liste-oeuvre .title .text {
        vertical-align: middle; }
      .arianne.collections-liste-oeuvre .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.collections-liste-oeuvre .title {
      text-transform: uppercase; }
    .arianne.collections-liste-oeuvre .select-contain {
      position: absolute;
      right: 80px;
      top: 50%;
      margin-top: -16px;
      text-align: left;
      background-color: #1D1D1E; }
      .arianne.collections-liste-oeuvre .select-contain .icon {
        float: right;
        font-size: 12px;
        font-size: 1.2rem;
        padding-top: 2px;
        position: absolute;
        right: 15px; }
    .arianne.collections-liste-oeuvre .collection-select {
      width: 240px;
      text-transform: none;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 7px 10px 7px 0px;
      text-align: center;
      border: 4px solid #FFF;
      height: 45px;
      transition: all 0.3s ease 0s; }
      .arianne.collections-liste-oeuvre .collection-select .active {
        display: inline-block; }
      .arianne.collections-liste-oeuvre .collection-select:hover .icon, .arianne.collections-liste-oeuvre .collection-select:focus .icon, .arianne.collections-liste-oeuvre .collection-select:active .icon {
        color: #D8383F; }
    .arianne.collections-liste-oeuvre .collection-list {
      z-index: 3;
      display: none;
      text-align: left;
      position: absolute;
      top: 43px;
      border: solid 4px #FFF;
      border-top: none;
      background-color: #1D1D1E;
      width: 240px; }
      .arianne.collections-liste-oeuvre .collection-list .triangle-up, .arianne.collections-liste-oeuvre .collection-list .triangle-down {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        width: 0;
        height: 0;
        display: inline-block;
        position: relative;
        top: -3px;
        margin-right: 10px; }
      .arianne.collections-liste-oeuvre .collection-list .triangle-up {
        border-bottom: 5px solid #FFF; }
      .arianne.collections-liste-oeuvre .collection-list .triangle-down {
        border-top: 5px solid #FFF; }
      .arianne.collections-liste-oeuvre .collection-list li {
        padding: 5px 10px 10px 30px; }
        .arianne.collections-liste-oeuvre .collection-list li:first-child {
          padding-top: 20px; }
        .arianne.collections-liste-oeuvre .collection-list li:nth-last-child(2) {
          padding-bottom: 20px; }
        .arianne.collections-liste-oeuvre .collection-list li.collection-active {
          opacity: 0.3; }
        .arianne.collections-liste-oeuvre .collection-list li.advance {
          text-align: center;
          height: 45px;
          border-top: solid 2px #FFF;
          padding-top: 14px;
          padding-left: 10px; }
          .arianne.collections-liste-oeuvre .collection-list li.advance button {
            display: inline-block;
            transition: all 0.3s ease 0s; }
            .arianne.collections-liste-oeuvre .collection-list li.advance button:hover, .arianne.collections-liste-oeuvre .collection-list li.advance button:active, .arianne.collections-liste-oeuvre .collection-list li.advance button:focus {
              color: #D8383F; }
    .arianne.collections-liste-oeuvre .collection-advance {
      position: absolute;
      left: 0;
      top: 100px;
      width: 100%;
      border: solid 4px #FFF;
      background-color: #1D1D1E;
      z-index: 3;
      padding: 55px 70px 55px 70px;
      text-align: left;
      display: none; }
      .arianne.collections-liste-oeuvre .collection-advance .form-group {
        display: inline-block;
        vertical-align: top; }
        .arianne.collections-liste-oeuvre .collection-advance .form-group.select {
          margin-right: 50px;
          margin-bottom: 35px; }
          .arianne.collections-liste-oeuvre .collection-advance .form-group.select:nth-child(3n) {
            margin-right: 0; }
          .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select {
            border: none;
            width: 340px; }
            .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select .trigger {
              height: 30px;
              padding-top: 9px;
              text-align: center; }
              .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select .trigger:after {
                font-size: 13px;
                font-size: 1.3rem;
                padding-top: 8px;
                right: 5px; }
            .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select ul.options {
              width: 340px;
              left: 0;
              max-height: 200px;
              top: 30px;
              bottom: auto; }
              .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select ul.options li {
                padding-top: 10px;
                padding-bottom: 10px; }
                .arianne.collections-liste-oeuvre .collection-advance .form-group.select .fancy-select ul.options li:after {
                  display: none; }
        .arianne.collections-liste-oeuvre .collection-advance .form-group.input {
          position: relative; }
          .arianne.collections-liste-oeuvre .collection-advance .form-group.input .icon {
            color: #1D1D1E;
            position: absolute;
            right: 10px;
            font-size: 17px;
            font-size: 1.7rem;
            top: 6px; }
          .arianne.collections-liste-oeuvre .collection-advance .form-group.input input {
            width: 340px;
            height: 30px;
            color: #1D1D1E;
            padding-left: 25px;
            font-family: "atc_overlookregular"; }
      .arianne.collections-liste-oeuvre .collection-advance .buttons {
        width: 100%;
        margin-top: 25px; }
      .arianne.collections-liste-oeuvre .collection-advance .reset {
        display: inline-block;
        margin-bottom: 0; }
      .arianne.collections-liste-oeuvre .collection-advance .send {
        display: inline-block;
        float: right;
        margin-bottom: 0; }
    .has-advance .arianne.collections-liste-oeuvre .collection-select {
      height: 67px;
      border-bottom: none; }
    .has-advance .arianne.collections-liste-oeuvre .select-contain {
      z-index: 5; }
  .arianne.oeuvre {
    background-color: #1D1D1E; }
    .arianne.oeuvre h1 {
      display: inline; }
    .arianne.oeuvre .prev-oeuvre, .arianne.oeuvre .next-oeuvre {
      padding-top: 35px;
      font-size: 30px;
      font-size: 3.0rem; }
    .arianne.oeuvre .prev-oeuvre {
      position: absolute;
      left: 395px; }
    .arianne.oeuvre .next-oeuvre {
      position: absolute;
      left: 860px; }
    .arianne.oeuvre .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.oeuvre .title .text {
        vertical-align: middle; }
      .arianne.oeuvre .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.oeuvre .title {
      text-transform: uppercase; }
  .arianne.plan-musee {
    background-color: #1D1D1E; }
    .arianne.plan-musee h1 {
      display: inline; }
    .arianne.plan-musee .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.plan-musee .title .text {
        vertical-align: middle; }
      .arianne.plan-musee .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.plan-musee .title .icon {
      vertical-align: middle;
      margin-right: 35px; }
  .arianne.contact {
    background-color: #1D1D1E; }
    .arianne.contact h1 {
      display: inline; }
    .arianne.contact .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.contact .title .text {
        vertical-align: middle; }
      .arianne.contact .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.contact .title {
      text-transform: uppercase; }
    .arianne.contact .title .icon {
      vertical-align: middle;
      margin-right: 35px; }
  .arianne.presse {
    background-color: #1D1D1E; }
    .arianne.presse h1 {
      display: inline; }
    .arianne.presse .title {
      font-size: 24px;
      font-size: 2.4rem;
      width: 395px;
      letter-spacing: 0.05em;
      vertical-align: top;
      padding-top: 40px; }
      .arianne.presse .title .text {
        vertical-align: middle; }
      .arianne.presse .title sup {
        font-size: 14px;
        font-size: 1.4rem; }
    .arianne.presse .title {
      text-transform: uppercase; }
    .arianne.presse .title .icon {
      vertical-align: middle;
      margin-right: 35px; }
  .arianne.organisez-evenement {
    background-color: #1D1D1E; }
    .arianne.organisez-evenement h1 {
      display: inline; }

.has-advance .page--oeuvre--liste {
  opacity: 0.2; }

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

.icon {
  font-family: 'pba';
  speak: none;
  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;
  display: inline-block;
  vertical-align: middle; }

/*
.icon-projects-fix:before {
	content: "\e947";
}
.icon-tickets-fix:before {
	content: "\e948"; 
}
.icon-visio-fix:before {
	content: "\e949";
}
.icon-child-icon-fix:before {
	content: "\e94a";
} 
.icon-mobile-pba-fix:before {
	content: "\e94b";
}
.icon-plan-fix:before {
	content: "\e94c";
}*/
.icon-eiffel:before {
  content: "\e95f"; }

.icon-livre:before {
  content: "\e96d"; }

.icon-bus-8:before {
  content: "\e96a"; }

.icon-light:before {
  content: "\e96b"; }

.icon-news:before {
  content: "\e96c"; }

.icon-corporation:before {
  content: "\e966"; }

.icon-heart:before {
  content: "\e967"; }

.icon-place:before {
  content: "\e968"; }

.icon-sunlight:before {
  content: "\e969"; }

.icon-artips-text:before {
  content: "\e930"; }

.icon-workshop:before {
  content: "\e95e"; }

.icon-bird:before {
  content: "\e94d"; }

.icon-boat:before {
  content: "\e94e"; }

.icon-book:before {
  content: "\e94f"; }

.icon-crown:before {
  content: "\e950"; }

.icon-frigien:before {
  content: "\e951"; }

.icon-frise-fb:before {
  content: "\e952"; }

.icon-joconde:before {
  content: "\e953"; }

.icon-moon:before {
  content: "\e954"; }

.icon-palais:before {
  content: "\e955"; }

.icon-pantheon:before {
  content: "\e956"; }

.icon-pyramides:before {
  content: "\e957"; }

.icon-rosace:before {
  content: "\e958"; }

.icon-screen:before {
  content: "\e959"; }

.icon-sun:before {
  content: "\e95a"; }

.icon-television:before {
  content: "\e95b"; }

.icon-wall:before {
  content: "\e95c"; }

.icon-world:before {
  content: "\e95d"; }

.icon-projects-fix:before {
  content: "\e947"; }

.icon-tickets-fix:before {
  content: "\e948"; }

.icon-visio-fix:before {
  content: "\e949"; }

.icon-child-icon-fix:before {
  content: "\e94a"; }

.icon-mobile-pba-fix:before {
  content: "\e94b"; }

.icon-plan-fix:before {
  content: "\e94c"; }

.icon-presse-fix:before {
  content: "\e946"; }

.icon-icon-mountain:before {
  content: "\e944"; }

.icon-less-circled:before {
  content: "\e943"; }

.icon-artips-bordered:before {
  content: "\e942"; }

.icon-bigben:before {
  content: "\e910"; }

.icon-cross:before {
  content: "\e911"; }

.icon-cross-circled:before {
  content: "\e912"; }

.icon-less:before {
  content: "\e913"; }

.icon-paint:before {
  content: "\e914"; }

.icon-theater:before {
  content: "\e915"; }

.icon-user:before {
  content: "\e941"; }

.icon-online:before {
  content: "\e90f"; }

.icon-architecture:before {
  content: "\e90d"; }

.icon-blocks:before {
  content: "\e90e"; }

.icon-more-circled:before {
  content: "\e90c"; }

.icon-pdf:before {
  content: "\e90b"; }

.icon-archive:before {
  content: "\e900"; }

.icon-agenda:before {
  content: "\e901"; }

.icon-appli:before {
  content: "\e902"; }

.icon-artips:before {
  content: "\e903"; }

.icon-bed:before {
  content: "\e904"; }

.icon-chef-oeuvre:before {
  content: "\e905"; }

.icon-child:before {
  content: "\e906"; }

.icon-clock:before {
  content: "\e907"; }

.icon-collection:before {
  content: "\e908"; }

.icon-credit-card:before {
  content: "\e909"; }

.icon-download:before {
  content: "\e90a"; }

.icon-b:before {
  content: "\62"; }

.icon-p:before {
  content: "\70"; }

.icon-a:before {
  content: "\61"; }

.icon-l:before {
  content: "\6c"; }

.icon-i:before {
  content: "\69"; }

.icon-r:before {
  content: "\72"; }

.icon-e:before {
  content: "\65"; }

.icon-t:before {
  content: "\74"; }

.icon-s:before {
  content: "\73"; }

.icon-u:before {
  content: "\75"; }

.icon-x:before {
  content: "\78"; }

.icon-empty:before {
  content: "\e916"; }

.icon-files:before {
  content: "\e917"; }

.icon-food:before {
  content: "\e918"; }

.icon-frise:before {
  content: "\e919"; }

.icon-globe:before {
  content: "\e91a"; }

.icon-graduate:before {
  content: "\e91b"; }

.icon-instagram:before {
  content: "\e91c"; }

.icon-ipad:before {
  content: "\e91d"; }

.icon-marker:before {
  content: "\e91e"; }

.icon-mobile-pba:before {
  content: "\e91f"; }

.icon-more:before {
  content: "\e920"; }

.icon-musee-prive:before {
  content: "\e921"; }

.icon-parcours:before {
  content: "\e922"; }

.icon-parent:before {
  content: "\e923"; }

.icon-people:before {
  content: "\e924"; }

.icon-plan:before {
  content: "\e925"; }

.icon-pmr:before {
  content: "\e926"; }

.icon-presse:before {
  content: "\e927"; }

.icon-productions:before {
  content: "\e928"; }

.icon-projects:before {
  content: "\e929"; }

.icon-search:before {
  content: "\e92a"; }

.icon-send:before {
  content: "\e92b"; }

.icon-smile:before {
  content: "\e92c"; }

.icon-tablets:before {
  content: "\e92d"; }

.icon-team:before {
  content: "\e92e"; }

.icon-ticket:before {
  content: "\e92f"; }

.icon-tickets:before {
  content: "\e931"; }

.icon-key:before {
  content: "\e932"; }

.icon-tower:before {
  content: "\e933"; }

.icon-twitter-circled:before {
  content: "\e934"; }

.icon-archive2:before {
  content: "\e935"; }

.icon-vimeo-circled:before {
  content: "\e936"; }

.icon-share:before {
  content: "\e937"; }

.icon-infos:before {
  content: "\e938"; }

.icon-share-circled:before {
  content: "\e939"; }

.icon-facebook-circled:before {
  content: "\e93a"; }

.icon-visio:before {
  content: "\e93b"; }

.icon-youtube-circled:before {
  content: "\e93c"; }

.icon-chevron-down:before {
  content: "\e93d"; }

.icon-chevron-up:before {
  content: "\e93e"; }

.icon-chevron-left:before {
  content: "\e93f"; }

.icon-chevron-right:before {
  content: "\e940"; }

.icon-glossaire:before {
  content: "\e945"; }

.modale-masque {
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  /*-webkit-overflow-scrolling:touch;*/ }

.overlay-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999; }
  .overlay-nav nav {
    text-align: center;
    position: relative;
    top: 67px;
    height: 80%;
    /*-webkit-transform: translateY(-50%);
		transform: translateY(-50%);*/ }
  .overlay-nav .recherche-bloc {
    position: relative;
    top: 25%;
    width: 100%;
    padding: 0 8.3% 40px;
    text-align: left; }
  .overlay-nav .icon-more {
    font-size: 30px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px; }
  .overlay-nav .callToAction--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 50px;
    width: 225px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    margin-bottom: 0px;
    margin-left: 20px;
    background-color: #FFF; }
    .overlay-nav .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .overlay-nav .callToAction--dark:before {
      content: '';
      height: 50px;
      display: inline-block;
      vertical-align: middle; }
    .overlay-nav .callToAction--dark:hover, .overlay-nav .callToAction--dark:focus, .overlay-nav .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
  .overlay-nav .sous-titre-page {
    font-family: "bikobold";
    font-size: 19px;
    font-size: 1.9rem; }
  .overlay-nav .share-title {
    font-family: "loveloblack" !important;
    font-size: 37px !important;
    font-size: 3.7rem !important;
    margin-top: 0px !important; }
  .overlay-nav .detail {
    margin-top: 25px; }
  .overlay-nav .socials {
    width: 100%; }
    .overlay-nav .socials .icon {
      font-size: 60px;
      font-size: 6rem;
      color: #D8383F; }
    .overlay-nav .socials .icon-send {
      font-size: 40px;
      font-size: 4rem; }
    .overlay-nav .socials div {
      display: inline-block;
      width: 80px; }
  .overlay-nav ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 35px; }
    .overlay-nav ul li {
      display: block;
      height: 20%;
      min-height: 54px;
      /*padding-top: 30px;*/
      backface-visibility: hidden;
      width: 100%; }
      .overlay-nav ul li a {
        color: #2d4010;
        display: block;
        font-family: "open_sanssemibold";
        transition: all 0.2s ease 0s;
        letter-spacing: 0;
        font-size: 27px;
        font-size: 2.7rem;
        width: 100%;
        line-height: 1em;
        padding: 25px 0;
        /*height:85px;*/ }

/* Effects */
.overlay-scale {
  visibility: hidden;
  opacity: 0;
  /*-webkit-transform: scale(0.9);
	transform: scale(0.9);*/
  transition: transform 0.3s, opacity 0.3s, visibility 0s 0.3s;
  text-align: center; }

.overlay-scale.open {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: transform 0.3s, opacity 0.3s;
  /*overflow: auto;
	 overflow-y: scroll;*/
  min-width: 320px;
  background-color: rgba(255, 255, 255, 0.9);
  /* -webkit-overflow-scrolling : touch;*/ }

.overlay-nav .overlay-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 40px;
  overflow: hidden;
  border: medium none;
  background: transparent url("../images/header/croix-menu.png") no-repeat scroll center center;
  text-indent: 200%;
  z-index: 100;
  text-shadow: none;
  padding: 0px;
  transition: opacity 0.2s ease 0s; }
  .overlay-nav .overlay-close::after {
    content: "\e920";
    position: absolute;
    font-family: "pba";
    top: -1px;
    left: 0px;
    font-size: 3.2rem;
    color: #77787B;
    transform: rotate(45deg); }

.overlay-nav ul li a:hover, .overlay-nav ul li a:active, .overlay-nav ul li a:focus {
  color: #121c04;
  text-decoration: none;
  transition: all 0.2s ease 0s;
  background-color: #6fab25; }

@media screen and (max-height: 30.5em) {
  .overlay-nav nav {
    height: 70%; }
  .overlay-nav ul li {
    min-height: 34px; } }

/*
.overlay-close:focus, .overlay-close:hover, .overlay-close:active{
	outline:1px dotted #FFF;
}*/
.overlay-close:focus, .overlay-close:hover, .overlay-close:active {
  opacity: 0.7;
  transition: opacity 0.2s ease 0s; }

/*Menu bandeau partage*/
.partage-bloc {
  margin: 0 auto;
  max-width: 700px;
  padding-bottom: 20px;
  position: relative;
  top: 50%;
  margin-top: -100px; }

#menu-search-full.overlay-nav .overlay-close, #share-full.overlay-nav .overlay-close {
  background: url(../images/icons/picto-cross.png) no-repeat center center; }

.partage-bloc .wrap-center {
  padding: 0px;
  max-width: 700px; }

.tac {
  text-align: center;
  margin-bottom: 30px; }

.partage-bloc .sous-titre-page::before {
  content: "\e937";
  font-family: "pba";
  font-size: 20px;
  font-size: 2rem;
  margin-right: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px; }

#reseaux-sociaux {
  margin-top: 10px; }

#reseaux-sociaux-share > li {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  height: auto;
  max-height: none; }

#reseaux-sociaux-share > li:last-child {
  margin: 0px; }

#reseaux-sociaux li a, #reseaux-sociaux-share li a {
  height: 50px;
  width: 50px;
  display: block;
  background-repeat: no-repeat;
  background-color: #ececec;
  background-position: 0px 0px;
  transition: all 0.3s ease;
  padding: 0px; }

#reseaux-sociaux-share li a {
  background-color: #a6b1b7; }

#reseaux-sociaux li a:hover, #reseaux-sociaux li a:active, #reseaux-sociaux li a:focus, #reseaux-sociaux-share li a:hover, #reseaux-sociaux-share li a:active, #reseaux-sociaux-share li a:focus {
  background-color: #f6f6f6;
  background-position: 0px -50px; }

#reseaux-sociaux-share li a:hover, #reseaux-sociaux-share li a:active, #reseaux-sociaux-share li a:focus {
  background-color: #6f7a80; }

#reseaux-sociaux li.twitter a {
  background-image: url("../images/icons/twitter-sprite.png"); }

#reseaux-sociaux-share li.twitter a {
  background-image: url("../images/icons/twitter-sprite-share.png"); }

#reseaux-sociaux li.facebook a {
  background-image: url("../images/icons/facebook-sprite.png"); }

#reseaux-sociaux-share li.facebook a {
  background-image: url("../images/icons/facebook-sprite-share.png"); }

#reseaux-sociaux li.googlep a {
  background-image: url("../images/icons/googlep-sprite.png"); }

#reseaux-sociaux-share li.googlep a {
  background-image: url("../images/icons/googlep-sprite-share.png"); }

#reseaux-sociaux li.pinterest a {
  background-image: url("../images/icons/pinterest-sprite.png"); }

#reseaux-sociaux-share li.pinterest a {
  background-image: url("../images/icons/pinterest-sprite-share.png"); }

#reseaux-sociaux li.linkedin a {
  background-image: url("../images/icons/linkedin-sprite.png"); }

#reseaux-sociaux-share li.linkedin a {
  background-image: url("../images/icons/linkedin-sprite-share.png"); }

#reseaux-sociaux > li:last-child, #partenaires ul > li:last-child {
  margin-right: 0px; }

#embed-link {
  background-color: #F9F9F9;
  border: 1px solid #A6B1B7;
  color: #8A8D8E;
  line-height: 50px;
  height: 50px;
  width: 100%;
  padding-left: 20px;
  font-size: 1.7rem; }

/*#clipboard-btn {
    height: 50px;
    width: 175px;
    margin-left: 30px;
}*/
.partage-bloc .parent-centre {
  margin-top: 48px; }

.parent-centre {
  display: table;
  width: 100%; }

.partage-bloc .enfant-centre {
  width: 100%; }

.enfant-centre {
  display: table-cell;
  vertical-align: middle; }

/*Essentials : Header + Footer*/
header {
  width: 100%;
  background-color: #1D1D1E;
  z-index: 9999; }
  header .headerDesktop {
    width: 1280px;
    margin: 0 auto;
    height: 90px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  header .headerRWD {
    display: none; }
  header .blocLogo {
    vertical-align: middle; }
    header .blocLogo .logo {
      width: auto;
      color: white;
      font-size: 30px;
      font-size: 3.0rem;
      letter-spacing: 0.13em;
      transition: all 0.3s ease 0s; }
      header .blocLogo .logo p:first-child {
        letter-spacing: 0.45em; }
    header .blocLogo .logoHPMobile {
      margin-left: 25px;
      height: 100%; }
    header .blocLogo a.logo:hover, header .blocLogo a.logo:active, header .blocLogo a.logo:focus {
      color: #D8383F; }
      header .blocLogo a.logo:hover .need-tiret:after, header .blocLogo a.logo:active .need-tiret:after, header .blocLogo a.logo:focus .need-tiret:after {
        background-color: #D8383F; }
  header .buttonMenu {
    font-family: "loveloblack";
    font-size: 18px;
    font-size: 1.8rem;
    color: #FFF;
    max-width: 200px;
    vertical-align: middle;
    margin-top: 6px; }
    .mac header .buttonMenu {
      padding-top: 10px; }
      .mac header .buttonMenu a {
        padding-top: 5px; }
    header .buttonMenu a {
      transition: all 0.3s ease 0s; }
      header .buttonMenu a:hover, header .buttonMenu a:focus, header .buttonMenu a:active {
        color: #D8383F;
        transition: all 0.3s ease 0s; }
    header .buttonMenu.active {
      color: #D8383F; }
  header .searchInput {
    position: relative;
    vertical-align: middle; }
    header .searchInput input {
      background-color: #1D1D1E;
      color: #FFF;
      width: 161px;
      height: 35px;
      border: 4px solid #FFF;
      font-family: "open_sansregular";
      position: relative;
      padding-right: 30px;
      padding-left: 5px;
      transition: all 0.3s ease 0s; }
      header .searchInput input:hover, header .searchInput input:active, header .searchInput input:focus {
        border-color: #D8383F;
        transition: all 0.3s ease 0s; }
    header .searchInput .buttonInput {
      position: absolute;
      top: 7px;
      right: 11px;
      font-size: 18px;
      font-size: 1.8rem;
      transition: all 0.3s ease 0s; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      header .searchInput .buttonInput {
        top: 4px; } }
  header .tickets {
    color: #fff;
    font-size: 3rem; }
    header .tickets:hover {
      color: #D8383F; }
  header .blocLang {
    vertical-align: middle; }
    header .blocLang .lang .langSelect {
      color: #FFF;
      font-family: "open_sansregular";
      font-size: 16px;
      font-size: 1.6rem; }
      header .blocLang .lang .langSelect .fre-FR {
        background-image: url("../images/flags/fre-FR.gif"); }
      header .blocLang .lang .langSelect .eng-GB {
        background-image: url("../images/flags/eng-GB.gif"); }
      header .blocLang .lang .langSelect .dut-NL {
        background-image: url("../images/flags/dut-NL.gif"); }
      header .blocLang .lang .langSelect a {
        width: 15px;
        height: 12px;
        display: block;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all 0.3s ease 0s; }
        header .blocLang .lang .langSelect a:hover, header .blocLang .lang .langSelect a:active, header .blocLang .lang .langSelect a:focus {
          color: #D8383F;
          transition: all 0.3s ease 0s; }
      header .blocLang .lang .langSelect:hover .triangle-down::before,
      header .blocLang .lang .langSelect:active .triangle-down::before,
      header .blocLang .lang .langSelect:focus .triangle-down::before {
        border-color: #D8383F transparent transparent transparent;
        transition: all 0.3s ease 0s; }
      header .blocLang .lang .langSelect ul {
        padding: 0px; }
        header .blocLang .lang .langSelect ul li {
          margin-top: 0px;
          margin-bottom: 0px;
          list-style: none; }
        header .blocLang .lang .langSelect ul .triangle-down {
          position: relative; }
          header .blocLang .lang .langSelect ul .triangle-down::before {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            border-color: #ffffff transparent transparent transparent;
            position: absolute;
            top: 4px;
            left: -20px;
            transition: all 0.3s ease 0s; }
          header .blocLang .lang .langSelect ul .triangle-down::after {
            content: "";
            width: 50px;
            height: 53px;
            position: absolute;
            left: -23px; }
        header .blocLang .lang .langSelect ul .langHidden {
          position: absolute;
          margin-top: 25px; }
        header .blocLang .lang .langSelect ul .lang2 {
          margin-top: 7px; }
  header .search-icon-mobile {
    display: none; }
  header .picto-info-mobile {
    display: none; }
  header .logo2 {
    width: auto;
    /*margin-top:8px;
        height: 82px;*/
    height: 100%; }
    header .logo2 img {
      width: 56px;
      vertical-align: middle;
      padding: 1px;
      margin-top: 8px;
      height: 73px; }
    header .logo2 a {
      margin-right: 11px; }
      header .logo2 a:focus, header .logo2 a:active {
        outline: 1px dotted #D8383F; }
  header.hasAppDLBlock {
    height: auto; }

#applicationDownloadBlock {
  display: none;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.97);
  color: #FFF;
  font-family: "loveloblack";
  font-size: 1.8rem;
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }
  #applicationDownloadBlock .content {
    background-image: url("../images/applibg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding: 30px; }
  #applicationDownloadBlock .card {
    padding: 20px;
    background-color: #FFFFFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 195px; }
    #applicationDownloadBlock .card .title {
      color: #1d1d1e;
      margin-bottom: 10px; }
  #applicationDownloadBlock .close {
    position: absolute;
    right: 14px;
    top: 10px;
    opacity: 1; }
    #applicationDownloadBlock .close:after {
      content: url("../images/burger-icon-cross2.svg");
      height: 15px;
      width: 15px;
      display: block; }

.fillerCookie {
  height: 45px;
  display: block;
  width: 100%; }

.filler {
  height: 90px;
  display: block;
  width: 100%; }

.hidden {
  display: none; }

.visible {
  display: block; }

.reallyHidden {
  display: none; }

@media (max-width: 1279px) {
  .filler {
    height: 100px; }
  header {
    width: 100%;
    height: 100px;
    position: relative; }
    header .headerDesktop {
      display: none; }
    header .logo2 img {
      margin-top: 0px;
      height: 100%; }
    header .headerRWD {
      display: block;
      position: relative; }
      header .headerRWD .headerUp {
        height: 100px;
        background-color: #1D1D1E;
        color: #FFF;
        vertical-align: middle;
        text-align: left;
        padding-right: 35px; }
        header .headerRWD .headerUp::before {
          content: "";
          height: 100%; }
        header .headerRWD .headerUp .search-icon-mobile {
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          right: 272px;
          top: 50%;
          margin-top: -23px;
          height: 45px; }
          header .headerRWD .headerUp .search-icon-mobile .icon {
            font-size: 43px;
            font-size: 4.3rem; }
            header .headerRWD .headerUp .search-icon-mobile .icon:hover, header .headerRWD .headerUp .search-icon-mobile .icon:active, header .headerRWD .headerUp .search-icon-mobile .icon:focus {
              color: #D8383F; }
        header .headerRWD .headerUp .triangleMenu {
          position: absolute; }
          header .headerRWD .headerUp .triangleMenu::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 15px 15px 15px;
            border-color: transparent transparent #fff transparent; }
        header .headerRWD .headerUp .triangleSearch {
          top: 58px;
          right: 39px; }
        header .headerRWD .headerUp .triangleBurger {
          left: 50%;
          margin-left: -15px;
          bottom: -16px; }
        header .headerRWD .headerUp .rechercheRWD {
          border: 14px solid #FFF;
          background-color: #1D1D1E;
          width: 100%;
          padding: 50px;
          z-index: 100;
          color: #FFF;
          position: absolute;
          display: none;
          left: 0px;
          top: 100px; }
          header .headerRWD .headerUp .rechercheRWD .searchText {
            width: 100%;
            font-family: "open_sansregular";
            font-size: 26px;
            font-size: 2.6rem;
            margin-bottom: 40px;
            padding-left: 30px;
            height: 87px;
            color: #1D1D1E; }
          header .headerRWD .headerUp .rechercheRWD .searchSubmit {
            width: 100%;
            color: #FFF;
            background-color: #D8383F;
            font-family: "bikobold";
            font-size: 36px;
            font-size: 3.6rem;
            border: none;
            height: 87px; }
        header .headerRWD .headerUp .burger-icon {
          vertical-align: middle;
          width: 47px;
          height: 43px;
          position: absolute;
          right: 25px;
          top: 50%;
          margin-top: -23px; }
        header .headerRWD .headerUp .picto-info-mobile {
          vertical-align: middle;
          display: inline-block;
          position: absolute;
          right: 197px;
          top: 50%;
          margin-top: -23.5px; }
          header .headerRWD .headerUp .picto-info-mobile .icon {
            font-size: 43px;
            font-size: 4.3rem; }
            header .headerRWD .headerUp .picto-info-mobile .icon:hover, header .headerRWD .headerUp .picto-info-mobile .icon:active, header .headerRWD .headerUp .picto-info-mobile .icon:focus {
              color: #D8383F; }
        header .headerRWD .headerUp .blocLang {
          position: absolute;
          top: calc(50% - 19px);
          right: 100px; }
          header .headerRWD .headerUp .blocLang .lang .langSelect a {
            width: 45px;
            height: 36px;
            background-size: 90%;
            background-position: center;
            background-repeat: no-repeat; }
          header .headerRWD .headerUp .blocLang .lang .langSelect ul .langHidden.lang3 {
            margin-top: 45px; }
        header .headerRWD .headerUp button {
          width: 47px;
          height: 45px; }
          header .headerRWD .headerUp button::before {
            display: block; }
        header .headerRWD .headerUp .burger-icon-opened::after {
          content: url("../images/burger-icon-cross2.svg"); }
        header .headerRWD .headerUp .burger-icon-closed::after {
          content: url("../images/burger-icon.svg"); }
      header .headerRWD .blocLogo {
        height: 100%;
        vertical-align: middle;
        margin-right: 35px; }
        header .headerRWD .blocLogo .logo {
          width: auto;
          margin-left: 25px;
          padding-top: 17px; }
          header .headerRWD .blocLogo .logo::before {
            content: "";
            height: 100%; }
          header .headerRWD .blocLogo .logo p:first-child {
            font-size: 33px;
            font-size: 3.3rem;
            margin-bottom: 5px;
            letter-spacing: 0.23em; }
          header .headerRWD .blocLogo .logo p:last-child {
            font-size: 25px;
            font-size: 2.5rem; } }
        @media (max-width: 1279px) and (max-width: 639px) {
          header .headerRWD .blocLogo .logo p:first-child {
            font-size: 16.5px;
            font-size: 1.65rem;
            margin-bottom: 2.5px; }
          header .headerRWD .blocLogo .logo p:last-child {
            font-size: 12.5px;
            font-size: 1.25rem; } }

@media (max-width: 1279px) {
        header .headerRWD .blocLogo a.logo:hover, header .headerRWD .blocLogo a.logo:active, header .headerRWD .blocLogo a.logo:focus {
          color: #D8383F; }
        header .headerRWD .blocLogo .logoHome {
          width: auto;
          margin-left: 25px;
          padding-top: 17px; }
          header .headerRWD .blocLogo .logoHome::before {
            content: "";
            height: 100%; }
          header .headerRWD .blocLogo .logoHome a {
            vertical-align: middle;
            width: 51px;
            display: block;
            height: 67.4px;
            background: url("../images/logo-lille.svg") 0 0 no-repeat;
            background-size: 51px;
            background-position: 0 0px;
            /*&:hover,
                        &:active,
                        &:focus{
                           	background-position:0 0px;
                        }*/ }
            header .headerRWD .blocLogo .logoHome a::before {
              content: "";
              height: 100%; }
      header .headerRWD .titrePage {
        vertical-align: middle;
        font-family: "loveloblack";
        font-size: 30px;
        font-size: 3rem;
        width: calc(100% + 35px - 120px - 172px - 70px - 90px);
        width: -webkit-calc(100% + 35px - 120px - 172px - 70px - 90px);
        line-height: 1em; }
        header .headerRWD .titrePage .sousTitrePage {
          display: block;
          font-family: "open_sanslight";
          font-size: 22px;
          font-size: 2.2rem; }
      header .headerRWD .containerMenuRWD {
        border: 14px solid #FFF;
        background-color: #1D1D1E;
        width: 100%;
        padding: 80px 50px 50px;
        z-index: 100;
        color: #FFF;
        position: fixed;
        display: none;
        top: 100px;
        bottom: 0px;
        overflow-y: scroll; }
        header .headerRWD .containerMenuRWD::before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          top: -29px;
          right: 30px;
          border-style: solid;
          border-width: 0 15px 15px 15px;
          border-color: transparent transparent #ffffff transparent; }
        header .headerRWD .containerMenuRWD .menuDeroulant {
          margin-left: 20%; }
          header .headerRWD .containerMenuRWD .menuDeroulant hr {
            margin-bottom: 45px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .lvl1 {
            font-family: "bikobold";
            font-size: 36px;
            font-size: 3.6rem;
            margin-bottom: 45px;
            position: relative;
            transition: all 0.3s ease 0s; }
            header .headerRWD .containerMenuRWD .menuDeroulant .lvl1:hover, header .headerRWD .containerMenuRWD .menuDeroulant .lvl1:active, header .headerRWD .containerMenuRWD .menuDeroulant .lvl1:focus {
              color: #D8383F;
              transition: all 0.3s ease 0s; }
          header .headerRWD .containerMenuRWD .menuDeroulant .ul_lvl2 {
            margin-left: 45px;
            display: none; }
          header .headerRWD .containerMenuRWD .menuDeroulant .lvl2 {
            font-family: "atc_overlookregular";
            font-size: 32px;
            font-size: 3.2rem;
            margin-bottom: 45px;
            transition: all 0.3s ease 0s; }
            header .headerRWD .containerMenuRWD .menuDeroulant .lvl2:hover, header .headerRWD .containerMenuRWD .menuDeroulant .lvl2:active, header .headerRWD .containerMenuRWD .menuDeroulant .lvl2:focus {
              color: #D8383F;
              transition: all 0.3s ease 0s; }
          header .headerRWD .containerMenuRWD .menuDeroulant .picto-menu-RWD {
            position: absolute;
            left: -110px;
            top: 0px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-musee-prive {
            font-size: 57px;
            font-size: 5.7rem;
            margin-top: -16px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-parcours {
            font-size: 57px;
            font-size: 5.7rem;
            margin-top: -11px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-chef-oeuvre {
            font-size: 50px;
            font-size: 5rem;
            margin-top: -7px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-agenda {
            font-size: 59px;
            font-size: 5.9rem;
            margin-top: -12px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-infos {
            font-size: 48px;
            font-size: 4.8rem;
            margin-top: -6px; }
          header .headerRWD .containerMenuRWD .menuDeroulant .icon-send {
            font-size: 36px;
            font-size: 3.6rem; }
          header .headerRWD .containerMenuRWD .menuDeroulant button {
            width: 32px;
            height: 32px;
            right: 65px;
            position: absolute;
            margin-top: 2px; }
            header .headerRWD .containerMenuRWD .menuDeroulant button::before {
              display: block; }
          header .headerRWD .containerMenuRWD .menuDeroulant .less::after {
            content: url("../images/picto-moins-menuRWD.svg"); }
          header .headerRWD .containerMenuRWD .menuDeroulant .more::after {
            content: url("../images/picto-plus-menuRWD.svg"); }
          header .headerRWD .containerMenuRWD .menuDeroulant .lineMore {
            margin-left: -45px; } }

.sticky {
  position: fixed; }

.ui-autocomplete {
  background-color: #1D1D1E;
  color: #FFF;
  padding: 10px;
  width: 200px !important;
  z-index: 9999; }
  .ui-autocomplete li {
    cursor: pointer; }

@media (min-width: 640px) {
  #applicationDownloadBlock {
    display: none !important; } }

@media (max-width: 639px) {
  .filler {
    height: 50px; }
  header {
    width: 100%;
    height: 50px; }
    header .headerRWD .headerUp {
      height: 50px; }
      header .headerRWD .headerUp .search-icon-mobile {
        margin-top: -9px;
        right: 180px; }
        header .headerRWD .headerUp .search-icon-mobile .icon {
          font-size: 21.5px;
          font-size: 2.15rem; }
      header .headerRWD .headerUp .triangleMenu::after {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0px 7px 7px;
        border-color: transparent transparent #FFF;
        top: -10px;
        left: 8px; }
      header .headerRWD .headerUp .triangleMenu {
        right: 20px;
        top: 35px;
        /*&.triangleBurger{
                    	margin-left: -7px;
                    }*/ }
        header .headerRWD .headerUp .triangleMenu::after {
          border-width: 0 7.5px 7.5px 7.5px; }
      header .headerRWD .headerUp .triangleSearch {
        top: 37px;
        right: 25px; } }
    @media screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 0) {
      header .headerRWD .headerUp .search-icon-mobile {
        margin-top: -12px; }
      header .headerRWD .headerUp .triangleMenu {
        top: 28px; }
        header .headerRWD .headerUp .triangleMenu::after {
          content: "";
          top: 0px;
          left: 8px; }
      header .headerRWD .headerUp .triangleSearch {
        top: 30px;
        right: 26px; } }

@media (max-width: 639px) {
      header .headerRWD .headerUp .rechercheRWD {
        border: 3.5px solid #FFF;
        padding: 12.5px;
        top: 50px;
        /*&::before{
                    	content:"";
                    	position:absolute;
                    	width: 0;
                    	height: 0;
                    	top: -7.25px;
                    	right: 7.5px;
                    	border-style: solid;
                    	border-width: 0 3.25px 3.25px 3.25px;
                    	border-color: transparent transparent #ffffff transparent;
                    }*/ }
        header .headerRWD .headerUp .rechercheRWD .searchText {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 22.5px;
          padding-left: 15px;
          height: 35px; }
        header .headerRWD .headerUp .rechercheRWD .searchSubmit {
          font-size: 18px;
          font-size: 1.8rem;
          height: 35px; }
      header .headerRWD .headerUp .burger-icon {
        width: 23.5px;
        height: 19px;
        margin-top: -7.5px; } }
    @media screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 0) {
      header .headerRWD .headerUp .burger-icon {
        margin-top: -10.5px; } }

@media (max-width: 639px) {
      header .headerRWD .headerUp .picto-info-mobile {
        transition: all 0.3s ease 0s;
        color: #FFF;
        margin-top: -10.75px;
        right: 140px; }
        header .headerRWD .headerUp .picto-info-mobile .icon {
          font-size: 21.5px;
          font-size: 2.15rem; }
        header .headerRWD .headerUp .picto-info-mobile:hover, header .headerRWD .headerUp .picto-info-mobile:active, header .headerRWD .headerUp .picto-info-mobile:focus {
          transition: all 0.3s ease 0s;
          color: #D8383F; }
      header .headerRWD .headerUp .blocLang {
        right: 70px;
        top: calc(50% - 12px); }
        header .headerRWD .headerUp .blocLang .lang .langSelect a {
          width: 30px;
          height: 24px; }
        header .headerRWD .headerUp .blocLang .lang .langSelect ul .langHidden.lang3 {
          margin-top: 35px; }
      header .headerRWD .headerUp button {
        width: 23.5px;
        height: 22px; }
      header .headerRWD .headerUp .burger-icon-opened::after {
        content: url("../images/burger-icon-cross2.svg"); }
      header .headerRWD .headerUp .burger-icon-closed::after {
        content: url("../images/burger-icon.svg"); }
    header .headerRWD .blocLogo {
      margin-right: 0px; }
      header .headerRWD .blocLogo .logo {
        margin-left: 12.5px;
        padding-top: 8.5px;
        margin-right: 12.5px; }
        header .headerRWD .blocLogo .logo p:first-child {
          font-size: 16.5px;
          font-size: 1.65rem;
          margin-bottom: 2.5px;
          letter-spacing: 0.45em; }
        header .headerRWD .blocLogo .logo p:last-child {
          font-size: 12.5px;
          font-size: 1.25rem;
          letter-spacing: 0.3em; }
      header .headerRWD .blocLogo .logoHPMobile {
        margin-left: 12.5px;
        height: 100%; }
        header .headerRWD .blocLogo .logoHPMobile .logo2 img {
          width: 27px;
          vertical-align: middle;
          height: 100%; }
      header .headerRWD .blocLogo .logoHome {
        width: auto;
        margin-left: 12.5px;
        padding-top: 8.5px; }
        header .headerRWD .blocLogo .logoHome a {
          width: 27.5px;
          height: 32.7px;
          background-size: 25.5px; }
    header .headerRWD .titrePage {
      font-size: 15px;
      font-size: 1.5rem;
      min-width: 115px;
      width: calc(100% + 17.5px - 60px - 86px - 35px - 90px);
      width: -webkit-calc(100% + 17.5px - 60px - 86px - 35px - 90px); }
      header .headerRWD .titrePage .sousTitrePage {
        font-size: 11px;
        font-size: 1.1rem; }
    header .headerRWD .containerMenuRWD {
      border: 7px solid #FFF;
      padding: 40px 25px 25px;
      top: 50px;
      bottom: 0px; }
      header .headerRWD .containerMenuRWD::before {
        top: -14.5px;
        right: 15px;
        border-width: 0 7.5px 7.5px 7.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant hr {
        margin-bottom: 22.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .lvl1 {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 22.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .ul_lvl2 {
        margin-left: 22.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .lvl2 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 22.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .picto-menu-RWD {
        left: -55px;
        top: 0px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-musee-prive {
        font-size: 28.5px;
        font-size: 2.85rem;
        margin-top: -7px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-parcours {
        font-size: 28.5px;
        font-size: 2.85rem;
        margin-top: -5.5px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-chef-oeuvre {
        font-size: 25px;
        font-size: 2.5rem;
        margin-top: -3px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-agenda {
        font-size: 29.5px;
        font-size: 2.95rem;
        margin-top: -6px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-infos {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: -3px; }
      header .headerRWD .containerMenuRWD .menuDeroulant .icon-send {
        font-size: 18px;
        font-size: 1.8rem; }
      header .headerRWD .containerMenuRWD .menuDeroulant button {
        width: 16px;
        height: 16px;
        right: 32.5px;
        position: absolute;
        margin-top: -2px; }
        header .headerRWD .containerMenuRWD .menuDeroulant button::before {
          display: block; }
      header .headerRWD .containerMenuRWD .menuDeroulant .less::after {
        content: url("../images/picto-moins-menuRWD.svg"); }
      header .headerRWD .containerMenuRWD .menuDeroulant .more::after {
        content: url("../images/picto-plus-menuRWD.svg"); }
      header .headerRWD .containerMenuRWD .menuDeroulant .lineMore {
        margin-left: -22.5px; } }

footer .socials .icon {
  font-size: 30px;
  font-size: 3rem; }

footer .socials .icon-instagram {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  margin-left: 4px;
  margin-top: 4px; }

footer .socials .icon-svg-linkedin {
  height: 30px;
  width: 30px; }
  footer .socials .icon-svg-linkedin:before, footer .socials .icon-svg-linkedin:after {
    height: 30px;
    width: 30px; }
  footer .socials .icon-svg-linkedin:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff'  viewBox='0 0 152 151.9'%3E%3Cpath d='M76.7 117.9c-0.3 0-0.5 0-0.7 0 -0.1 0-0.3 0-0.4 0 -5.5 0-9.2-2.6-12.4-4.9 -2.3-1.7-4.5-3.2-7.1-3.6 -1.3-0.2-2.5-0.3-3.7-0.3 -2.2 0-3.9 0.3-5.2 0.6 -0.8 0.2-1.4 0.3-2 0.3 -0.6 0-1.2-0.1-1.5-1 -0.2-0.8-0.4-1.4-0.5-2.1 -0.4-1.7-0.6-2.8-1.3-2.9 -6.9-1.1-11-2.6-11.8-4.5C30.1 99.2 30 99 30 98.8c0-0.6 0.4-1.1 0.9-1.1 5.5-0.9 10.3-3.8 14.5-8.6 3.2-3.7 4.8-7.3 4.9-7.7 0 0 0 0 0 0 0.8-1.6 1-3 0.5-4.1 -0.9-2.1-3.8-3-5.8-3.6 -0.5-0.1-0.9-0.3-1.3-0.4C42 72.4 39.2 71 39.5 69c0.3-1.4 2.2-2.5 3.7-2.5 0.4 0 0.8 0.1 1.1 0.2 1.7 0.8 3.3 1.2 4.7 1.2 1.7 0 2.5-0.6 2.7-0.8 -0.1-0.9-0.1-1.8-0.2-2.7v0c-0.4-6.3-0.9-14.1 1.1-18.6 6-13.4 18.7-14.5 22.4-14.5 0.1 0 1.6 0 1.6 0 0.1 0 0.1 0 0.2 0 3.8 0 16.5 1 22.5 14.5 2 4.5 1.5 12.3 1.1 18.6v0.3c-0.1 0.9-0.1 1.7-0.2 2.5 0.2 0.2 0.9 0.8 2.4 0.8 1.3-0.1 2.8-0.5 4.4-1.2 0.5-0.2 1.1-0.3 1.4-0.3 0.6 0 1.2 0.1 1.7 0.3h0c1.4 0.5 2.3 1.5 2.3 2.5 0 1-0.7 2.4-4.2 3.8 -0.4 0.1-0.8 0.3-1.3 0.4 -1.9 0.6-4.9 1.5-5.8 3.6 -0.5 1.1-0.3 2.5 0.5 4.1 0 0 0 0 0 0 0.2 0.6 6.2 14.1 19.4 16.3 0.6 0.1 0.9 0.6 0.9 1.1 0 0.2-0.1 0.4-0.2 0.6 -0.8 1.9-4.9 3.5-11.8 4.5 -0.7 0.1-0.9 1.1-1.3 2.8 -0.1 0.7-0.3 1.4-0.5 2.1 -0.2 0.7-0.6 1-1.4 1H107c-0.5 0-1.1-0.1-2-0.2 -1.5-0.3-3.1-0.6-5.2-0.6 -1.2 0-2.5 0.1-3.7 0.3 -2.6 0.4-4.8 2-7.1 3.6C85.9 115.3 82.2 117.9 76.7 117.9'/%3E%3Cpath d='M75.7 0.8C34 0.8 0.2 34.6 0.2 76.3s33.8 75.5 75.5 75.5 75.5-33.8 75.5-75.5S117.4 0.8 75.7 0.8zM75.7 146.3c-38.7 0-70-31.3-70-70 0-38.7 31.3-70 70-70s70 31.3 70 70C145.7 114.9 114.4 146.3 75.7 146.3z'/%3E%3C/svg%3E"); }
  footer .socials .icon-svg-linkedin:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D8383F'  viewBox='0 0 152 151.9'%3E%3Cpath d='M76.7 117.9c-0.3 0-0.5 0-0.7 0 -0.1 0-0.3 0-0.4 0 -5.5 0-9.2-2.6-12.4-4.9 -2.3-1.7-4.5-3.2-7.1-3.6 -1.3-0.2-2.5-0.3-3.7-0.3 -2.2 0-3.9 0.3-5.2 0.6 -0.8 0.2-1.4 0.3-2 0.3 -0.6 0-1.2-0.1-1.5-1 -0.2-0.8-0.4-1.4-0.5-2.1 -0.4-1.7-0.6-2.8-1.3-2.9 -6.9-1.1-11-2.6-11.8-4.5C30.1 99.2 30 99 30 98.8c0-0.6 0.4-1.1 0.9-1.1 5.5-0.9 10.3-3.8 14.5-8.6 3.2-3.7 4.8-7.3 4.9-7.7 0 0 0 0 0 0 0.8-1.6 1-3 0.5-4.1 -0.9-2.1-3.8-3-5.8-3.6 -0.5-0.1-0.9-0.3-1.3-0.4C42 72.4 39.2 71 39.5 69c0.3-1.4 2.2-2.5 3.7-2.5 0.4 0 0.8 0.1 1.1 0.2 1.7 0.8 3.3 1.2 4.7 1.2 1.7 0 2.5-0.6 2.7-0.8 -0.1-0.9-0.1-1.8-0.2-2.7v0c-0.4-6.3-0.9-14.1 1.1-18.6 6-13.4 18.7-14.5 22.4-14.5 0.1 0 1.6 0 1.6 0 0.1 0 0.1 0 0.2 0 3.8 0 16.5 1 22.5 14.5 2 4.5 1.5 12.3 1.1 18.6v0.3c-0.1 0.9-0.1 1.7-0.2 2.5 0.2 0.2 0.9 0.8 2.4 0.8 1.3-0.1 2.8-0.5 4.4-1.2 0.5-0.2 1.1-0.3 1.4-0.3 0.6 0 1.2 0.1 1.7 0.3h0c1.4 0.5 2.3 1.5 2.3 2.5 0 1-0.7 2.4-4.2 3.8 -0.4 0.1-0.8 0.3-1.3 0.4 -1.9 0.6-4.9 1.5-5.8 3.6 -0.5 1.1-0.3 2.5 0.5 4.1 0 0 0 0 0 0 0.2 0.6 6.2 14.1 19.4 16.3 0.6 0.1 0.9 0.6 0.9 1.1 0 0.2-0.1 0.4-0.2 0.6 -0.8 1.9-4.9 3.5-11.8 4.5 -0.7 0.1-0.9 1.1-1.3 2.8 -0.1 0.7-0.3 1.4-0.5 2.1 -0.2 0.7-0.6 1-1.4 1H107c-0.5 0-1.1-0.1-2-0.2 -1.5-0.3-3.1-0.6-5.2-0.6 -1.2 0-2.5 0.1-3.7 0.3 -2.6 0.4-4.8 2-7.1 3.6C85.9 115.3 82.2 117.9 76.7 117.9'/%3E%3Cpath d='M75.7 0.8C34 0.8 0.2 34.6 0.2 76.3s33.8 75.5 75.5 75.5 75.5-33.8 75.5-75.5S117.4 0.8 75.7 0.8zM75.7 146.3c-38.7 0-70-31.3-70-70 0-38.7 31.3-70 70-70s70 31.3 70 70C145.7 114.9 114.4 146.3 75.7 146.3z'/%3E%3C/svg%3E"); }
  footer .socials .icon-svg-linkedin:hover:before, footer .socials .icon-svg-linkedin:focus:before {
    opacity: 0; }
  footer .socials .icon-svg-linkedin:hover:after, footer .socials .icon-svg-linkedin:focus:after {
    opacity: 1; }

footer .socials .icon-svg-linkedin {
  height: 30px;
  width: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: 0.25s; }
  footer .socials .icon-svg-linkedin:before, footer .socials .icon-svg-linkedin:after {
    height: 22px;
    width: 22px;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: contain; }
  footer .socials .icon-svg-linkedin:before {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile='tiny' height='24' version='1.2' width='24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M8 19H5V9h3v10zm11 0h-3v-5.342c0-1.392-.496-2.085-1.479-2.085-.779 0-1.273.388-1.521 1.165V19h-3s.04-9 0-10h2.368l.183 2h.062c.615-1 1.598-1.678 2.946-1.678 1.025 0 1.854.285 2.487 1.001.637.717.954 1.679.954 3.03V19z'/%3E%3Cellipse cx='6.5' cy='6.5' rx='1.55' ry='1.5'/%3E%3C/svg%3E"); }
  footer .socials .icon-svg-linkedin:after {
    background-image: url("data:image/svg+xml,%3Csvg baseProfile='tiny' height='24' version='1.2' width='24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' fill='%23D8383F'%3E%3Cpath d='M8 19H5V9h3v10zm11 0h-3v-5.342c0-1.392-.496-2.085-1.479-2.085-.779 0-1.273.388-1.521 1.165V19h-3s.04-9 0-10h2.368l.183 2h.062c.615-1 1.598-1.678 2.946-1.678 1.025 0 1.854.285 2.487 1.001.637.717.954 1.679.954 3.03V19z'/%3E%3Cellipse cx='6.5' cy='6.5' rx='1.55' ry='1.5'/%3E%3C/svg%3E"); }
  @media (min-width: 640px) and (max-width: 1279px) {
    footer .socials .icon-svg-linkedin {
      height: 60px;
      width: 60px;
      border: 2px solid #fff; }
      footer .socials .icon-svg-linkedin:before, footer .socials .icon-svg-linkedin:after {
        height: 40px;
        width: 40px; } }
  footer .socials .icon-svg-linkedin:hover, footer .socials .icon-svg-linkedin:focus {
    border-color: #D8383F; }
    footer .socials .icon-svg-linkedin:hover:before, footer .socials .icon-svg-linkedin:focus:before {
      opacity: 0; }
    footer .socials .icon-svg-linkedin:hover:after, footer .socials .icon-svg-linkedin:focus:after {
      opacity: 1; }

footer .socials .icon-svg-tiktok {
  height: 30px;
  width: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: 0.25s; }
  footer .socials .icon-svg-tiktok:before, footer .socials .icon-svg-tiktok:after {
    height: 15px;
    width: 15px;
    background-position: center;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: contain; }
  footer .socials .icon-svg-tiktok:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/%3E%3C/svg%3E"); }
  footer .socials .icon-svg-tiktok:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg' fill='%23D8383F'%3E%3Cpath d='M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14Z'/%3E%3C/svg%3E"); }
  @media (min-width: 640px) and (max-width: 1279px) {
    footer .socials .icon-svg-tiktok {
      height: 60px;
      width: 60px;
      border: 2px solid #fff; }
      footer .socials .icon-svg-tiktok:before, footer .socials .icon-svg-tiktok:after {
        height: 30px;
        width: 30px; } }
  footer .socials .icon-svg-tiktok:hover, footer .socials .icon-svg-tiktok:focus {
    border-color: #D8383F; }
    footer .socials .icon-svg-tiktok:hover:before, footer .socials .icon-svg-tiktok:focus:before {
      opacity: 0; }
    footer .socials .icon-svg-tiktok:hover:after, footer .socials .icon-svg-tiktok:focus:after {
      opacity: 1; }

footer {
  width: 100%;
  padding: 85px 90px 0px;
  background-color: #1D1D1E;
  color: #FFF; }
  footer .footerDesktop {
    display: block;
    width: 1102px;
    margin: 0 auto; }
    footer .footerDesktop .xDistribution div {
      vertical-align: top; }
  footer .footerRWD {
    display: none; }
  footer .icon-infos {
    font-size: 48px;
    font-size: 4.8rem; }
  footer .icon-musee-prive {
    font-size: 50px;
    font-size: 5rem; }
  footer .icon-presse {
    font-size: 38px;
    font-size: 3.8rem; }
  footer .icon-share-circled {
    font-size: 47px;
    font-size: 4.7rem; }
  footer ul,
  footer ol {
    list-style-type: disc;
    padding: 20px; }
  footer li {
    margin-bottom: 20px;
    margin-top: 20px; }
  footer .pictoFooter {
    height: 50px;
    vertical-align: bottom;
    display: block;
    margin-bottom: 29px;
    margin-left: 12px; }
  footer p {
    font-family: "novecento_widebook";
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6em; }
  footer .strong {
    font-weight: bold; }
  footer .fakeH2 {
    font-family: "loveloblack";
    font-size: 28px !important;
    font-size: 2.8rem !important;
    letter-spacing: 0.07em;
    margin-bottom: 15px !important;
    margin-top: 0px !important; }
    @media (max-width: 639px) {
      footer .fakeH2 {
        font-size: 14px !important;
        font-size: 1.4rem !important;
        margin-bottom: 7.5px !important; } }
  footer hr {
    margin-top: 30px;
    margin-bottom: 30px; }
  footer ul {
    margin-top: 0px;
    padding: 15px 0 0 20px !important;
    font-family: "novecento_widebook";
    font-size: 12px;
    font-size: 1.2rem; }
    footer ul a {
      transition: all 0.3s ease 0s; }
      footer ul a:hover, footer ul a:active, footer ul a:focus {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
  footer li {
    margin: 4px 0 0 0 !important; }
  footer .retour {
    display: block;
    line-height: 18px;
    line-height: 1.8rem; }
    footer .retour strong {
      font-weight: bold;
      font-family: "novecento_widebook"; }
  footer .place {
    margin-top: 10px; }
  footer .infosPratiques {
    vertical-align: top; }
    footer .infosPratiques span:last-child {
      margin-top: 10px; }
  footer .museePrivee {
    vertical-align: top; }
  footer .presse {
    vertical-align: top; }
  footer .pictoFooter::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em; }
  footer .suivezNous {
    vertical-align: top;
    min-width: 230px; }
    footer .suivezNous p {
      margin-bottom: 10px; }
    footer .suivezNous .picto-twitter {
      transition: all 0.3s ease 0s; }
      footer .suivezNous .picto-twitter:hover .st0,
      footer .suivezNous .picto-twitter:active .st0,
      footer .suivezNous .picto-twitter:focus .st0 {
        transition: all 0.3s ease 0s;
        fill: #D8383F; }
    footer .suivezNous .picto-facebook {
      transition: all 0.3s ease 0s; }
      footer .suivezNous .picto-facebook:hover .st0,
      footer .suivezNous .picto-facebook:active .st0,
      footer .suivezNous .picto-facebook:focus .st0 {
        transition: all 0.3s ease 0s;
        fill: #D8383F; }
    footer .suivezNous .picto-instagram {
      transition: all 0.3s ease 0s; }
      footer .suivezNous .picto-instagram:hover .st0,
      footer .suivezNous .picto-instagram:active .st0,
      footer .suivezNous .picto-instagram:focus .st0 {
        transition: all 0.3s ease 0s;
        fill: #D8383F; }
    footer .suivezNous .picto-youtube {
      transition: all 0.3s ease 0s; }
      footer .suivezNous .picto-youtube:hover .st0,
      footer .suivezNous .picto-youtube:active .st0,
      footer .suivezNous .picto-youtube:focus .st0 {
        transition: all 0.3s ease 0s;
        fill: #D8383F; }
    footer .suivezNous .picto-vimeo {
      transition: all 0.3s ease 0s; }
      footer .suivezNous .picto-vimeo:hover .st0,
      footer .suivezNous .picto-vimeo:active .st0,
      footer .suivezNous .picto-vimeo:focus .st0 {
        transition: all 0.3s ease 0s;
        fill: #D8383F; }
  footer .mecenat {
    text-align: right;
    color: #7B7C7E;
    margin-top: 35px;
    padding-bottom: 25px; }
    footer .mecenat p {
      display: inline-block;
      margin-top: 14px;
      vertical-align: top;
      margin-right: 35px;
      font-size: 9px;
      font-size: 0.9rem; }
    footer .mecenat a {
      vertical-align: middle;
      display: inline-block; }
  footer a {
    transition: all 0.3s ease 0s; }
    footer a:hover, footer a:active, footer a:focus {
      transition: all 0.3s ease 0s;
      color: #D8383F; }
  footer .st0 {
    transition: all 0.3s ease 0s; }
    footer .st0:hover, footer .st0:active, footer .st0:focus {
      transition: all 0.3s ease 0s;
      color: #D8383F; }
  footer .icon-send {
    font-size: 24px;
    font-size: 2.4rem;
    margin-right: 17px; }
  footer .icon-team {
    font-size: 32px;
    font-size: 3.2rem;
    margin-right: 10px; }
  footer .lineFooter p {
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem; }
  footer .lineFooter .mentionsLegales {
    margin-left: 0px; }
  footer .lineFooter .liens {
    margin-right: 152px; }

@media (min-width: 640px) and (max-width: 1279px) {
  footer .footerDesktop {
    display: none; }
  footer .pictoFooter {
    margin-bottom: 0px; }
  footer .icon-clock {
    font-size: 48px;
    font-size: 4.8rem;
    margin-top: -6px; }
  footer .icon-marker {
    font-size: 54px;
    font-size: 5.4rem;
    margin-top: 3px; }
  footer .icon-ticket {
    font-size: 34px;
    font-size: 3.4rem;
    margin-top: 1px; }
  footer .icon-share-circled {
    font-size: 47px;
    font-size: 4.7rem; }
  footer .icon-musee-prive {
    font-size: 54px;
    font-size: 5.4rem;
    margin-top: -13px; }
  footer .icon-presse {
    margin-top: -3px;
    font-size: 37px;
    font-size: 3.7rem; }
  footer .icon-send {
    font-size: 35px;
    font-size: 3.5rem;
    margin-top: -3px;
    margin-right: 0px; }
  footer h2 {
    font-size: 36px !important;
    font-size: 3.6rem !important; }
  footer p {
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem; }
  footer .retour {
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block; }
  footer .strong {
    line-height: 2.8rem;
    font-size: 24px;
    font-size: 2.4rem;
    display: inline; }
  footer .asdasd {
    width: 100%;
    margin: 0 auto; }
  footer .center {
    margin: 0 auto;
    width: 444px; }
  footer .footerRWD {
    display: inline-block;
    width: 100%; }
    footer .footerRWD .line {
      display: block;
      width: 100%;
      margin-bottom: 65px; }
    footer .footerRWD .line2 {
      display: block;
      width: 100%;
      margin-bottom: 40px; }
    footer .footerRWD .pictoFooter {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 50px; }
      footer .footerRWD .pictoFooter .icon {
        vertical-align: top; }
        footer .footerRWD .pictoFooter .icon-clock {
          font-size: 42px;
          font-size: 4.2rem; }
        footer .footerRWD .pictoFooter .icon-marker {
          font-size: 49px;
          font-size: 4.9rem; }
        footer .footerRWD .pictoFooter .icon-ticket {
          font-size: 30px;
          font-size: 3rem; }
        footer .footerRWD .pictoFooter .icon-musee-prive {
          font-size: 50px;
          font-size: 5rem; }
        footer .footerRWD .pictoFooter .icon-presse {
          font-size: 32px;
          font-size: 3.2rem; }
        footer .footerRWD .pictoFooter .icon-send {
          font-size: 30px;
          font-size: 3rem; }
    footer .footerRWD .col2 {
      display: inline-block;
      margin-left: 50px;
      max-width: 327px; }
  footer .socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 120px;
    margin-bottom: 60px; }
    footer .socials:after {
      content: none; }
    footer .socials .icon {
      font-size: 60px;
      font-size: 6rem; }
    footer .socials .icon-instagram {
      font-size: 50px;
      font-size: 5rem; }
  footer .picto-twitter {
    width: 60px;
    height: 60px; }
  footer .picto-facebook {
    width: 60px;
    height: 60px; }
  footer .picto-instagram {
    width: 60px;
    height: 60px; }
  footer .picto-youtube {
    width: 60px;
    height: 60px; }
  footer .picto-vimeo {
    width: 60px;
    height: 60px; } }

@media (max-width: 639px) {
  footer {
    padding: 42px 45px 0px; }
    footer .footerDesktop {
      display: none; }
    footer .pictoFooter {
      margin-bottom: 0px; }
    footer .icon-clock {
      font-size: 24px;
      font-size: 2.4rem; }
    footer .icon-marker {
      font-size: 27px;
      font-size: 2.7rem; }
    footer .icon-ticket {
      font-size: 17px;
      font-size: 1.7rem; }
    footer .icon-share-circled {
      font-size: 23.5px;
      font-size: 2.35rem; }
    footer .icon-musee-prive {
      font-size: 27px;
      font-size: 2.7rem; }
    footer .icon-presse {
      font-size: 18.5px;
      font-size: 1.85rem; }
    footer .icon-send {
      font-size: 17.5px;
      font-size: 1.75rem;
      margin-right: 0px; }
    footer h2 {
      font-size: 18px !important;
      font-size: 1.8rem !important;
      margin-bottom: 10px; }
    footer p {
      line-height: 1.4rem;
      font-size: 12px;
      font-size: 1.2rem; }
    footer .retour {
      line-height: 1.4rem;
      font-size: 12px;
      font-size: 1.2rem;
      display: inline-block; }
    footer .strong {
      line-height: 1.4rem;
      font-size: 12px;
      font-size: 1.2rem;
      display: inline; }
    footer .asdasd {
      width: 100%;
      margin: 0 auto; }
    footer .center {
      margin: 0 auto;
      width: 222px; }
    footer .footerRWD {
      display: inline-block;
      width: 100%; }
      footer .footerRWD .line {
        display: block;
        width: 101%;
        margin-bottom: 32.5px; }
      footer .footerRWD .line2 {
        display: block;
        width: 100%;
        margin-bottom: 20px; }
      footer .footerRWD .pictoFooter {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: auto;
        margin-bottom: 0px;
        height: 25px; }
        footer .footerRWD .pictoFooter .icon {
          vertical-align: top; }
          footer .footerRWD .pictoFooter .icon-clock {
            font-size: 21px;
            font-size: 2.1rem; }
          footer .footerRWD .pictoFooter .icon-marker {
            font-size: 24.5px;
            font-size: 2.45rem; }
          footer .footerRWD .pictoFooter .icon-ticket {
            font-size: 15px;
            font-size: 1.5rem; }
          footer .footerRWD .pictoFooter .icon-musee-prive {
            font-size: 25px;
            font-size: 2.5rem; }
          footer .footerRWD .pictoFooter .icon-presse {
            font-size: 16px;
            font-size: 1.6rem; }
          footer .footerRWD .pictoFooter .icon-send {
            font-size: 15px;
            font-size: 1.5rem; }
      footer .footerRWD .col2 {
        display: inline-block;
        margin-left: 25px;
        max-width: 174px; }
    footer .socials {
      margin-top: 60px;
      margin-bottom: 30px; }
      footer .socials .icon {
        font-size: 30px;
        font-size: 3rem; }
      footer .socials .icon-instagram {
        font-size: 25px;
        font-size: 2.5rem; } }

.Home-page {
  background-color: #1D1D1E;
  /*iframe { 
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: 100%;
	    height: auto;
	    //z-index: -100;
	    transform: translateX(-50%) translateY(-50%);
		body { width: 100%; height: auto; }
	}*/
  /*
	@media (min-aspect-ratio: 16/9) {
	  #bgvid {
	    width: 100%;
	    height: auto;
	  }
	}
	@media (max-aspect-ratio: 16/9) {
	  #bgvid {
	    width: auto;
	    height: 100%;
	  }
	}*/
  /*@media screen and (max-width: 1279px) {
	 	.bg-image { 
	 		background: url('../images/banners/img-hp1.jpg') #000 no-repeat center center fixed; 
	 	}
	    #bgvid { 
	    	display: none; 
	    }
	}*/
  /*
	.overlay-bg{
		width:100%;
		height:100%;
		background:linear-gradient(
	      rgba(44, 44, 46, 0.5), 
	      rgba(44, 44, 46, 0.5)
	    );
		position:absolute;
	}*/ }
  .Home-page .bg-image {
    height: 493px;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.2) inset; }
  .Home-page .classVideo {
    position: relative;
    width: 100%;
    height: 100%; }
  .Home-page .classeVideo {
    pointer-events: none;
    position: relative;
    z-index: 1; }
    .Home-page .classeVideo + .main-container {
      position: relative;
      z-index: 2; }
  .Home-page video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    background: url("../images/banners/img-hp1.jpg") no-repeat;
    background-size: cover;
    transition: 1s opacity; }
  .Home-page iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .Home-page .html5-video-player, .Home-page .html5-video-player.video-stream {
    display: block;
    width: 100% !important;
    height: auto !important;
    position: absolute; }
  .Home-page .stopfade {
    opacity: .5; }
  .Home-page .lock-bar--down {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 1140px;
    height: 28px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-top: none;
    margin-top: 25px;
    margin-bottom: 0px; }
    @media (max-width: 1279px) {
      .Home-page .lock-bar--down {
        width: 100%; } }
    @media (max-width: 639px) {
      .Home-page .lock-bar--down {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .Home-page .lock-bar--up {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 1140px;
    height: 28px;
    margin-bottom: 60px;
    border-color: #FFF;
    border-bottom: none;
    margin-bottom: 0px; }
    @media (max-width: 1279px) {
      .Home-page .lock-bar--up {
        width: 100%; } }
    @media (max-width: 639px) {
      .Home-page .lock-bar--up {
        margin-top: 40px;
        margin-bottom: 30px; } }
  @media (max-width: 639px) {
    .Home-page .lock-bar--down,
    .Home-page .lock-bar--up {
      margin-top: 0px;
      margin-bottom: 0px;
      height: 14px; }
    .Home-page .lock-bar--down {
      border-width: medium 8px 8px; }
    .Home-page .lock-bar--up {
      border-width: 8px 8px medium; } }
  .Home-page .main-container {
    width: 1280px;
    margin: 0 auto;
    display: block; }
  .Home-page .deco-desktop-left {
    display: inline-block;
    position: absolute;
    height: 340px;
    width: 100%;
    left: 0px;
    top: 0px;
    border-top: 16px solid #FFF;
    border-right: 16px solid #FFF;
    height: 40px; }
  .Home-page .deco-desktop2-left {
    display: inline-block;
    position: absolute;
    height: 340px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    border-bottom: 16px solid #FFF;
    border-right: 16px solid #FFF;
    height: 40px; }
  .Home-page .deco-desktop-right {
    display: inline-block;
    position: absolute;
    height: 340px;
    width: 100%;
    left: 0px;
    top: 0px;
    border-top: 16px solid #FFF;
    border-left: 16px solid #FFF;
    height: 40px; }
  .Home-page .deco-desktop2-right {
    display: inline-block;
    position: absolute;
    height: 340px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    border-bottom: 16px solid #FFF;
    border-left: 16px solid #FFF;
    height: 40px; }
  .Home-page .abs-video {
    position: absolute;
    left: 50%;
    margin-left: -17.5px; }
  .Home-page .deco-tablette-up,
  .Home-page .deco-tablette-bottom {
    display: none; }
  .Home-page .logo-pba-mobile-hp {
    display: none;
    width: 100%;
    height: 100px;
    padding-top: 50px;
    padding-bottom: 100px;
    width: 100%;
    display: block;
    height: 50px;
    width: 100%;
    font-size: 30px;
    font-size: 5.02rem;
    letter-spacing: 0.13em;
    color: #FFF;
    text-align: center;
    margin-left: 10px; }
    .Home-page .logo-pba-mobile-hp span.need-mr {
      margin-right: 12px; }
    .Home-page .logo-pba-mobile-hp span.need-tiret {
      margin-right: 20px;
      position: relative; }
      .Home-page .logo-pba-mobile-hp span.need-tiret:after {
        display: inline-block;
        content: '';
        width: 10px;
        height: 1.5px;
        background-color: #FFF;
        position: absolute;
        top: 50%;
        right: -12px;
        transition: all 0.3s ease 0s; }
  .Home-page h1 {
    font-family: "loveloblack";
    font-size: 46px;
    font-size: 4.6rem;
    color: #FFF; }
  .Home-page .fakeH1 {
    font-family: "loveloblack";
    font-size: 46px;
    font-size: 4.6rem;
    color: #FFF;
    line-height: normal; }
  .Home-page .container-int {
    margin-left: 65px;
    margin-right: 65px;
    max-height: 493px;
    text-align: justify; }
    .Home-page .container-int .pictoTitre {
      margin-bottom: 25px;
      padding-top: 104px; }
      .Home-page .container-int .pictoTitre .icon {
        font-size: 41px;
        font-size: 4.1rem;
        color: #FFF; }
        .Home-page .container-int .pictoTitre .icon.icon-parcours {
          font-size: 46px;
          font-size: 4.6rem; }
    .Home-page .container-int p {
      font-family: "baron_neuenormal_50";
      font-size: 24px;
      font-size: 2.4rem;
      color: #FFF; }
  .Home-page hr {
    margin-top: 0px;
    margin-bottom: 0px; }
  .Home-page .left {
    width: 500px;
    margin-top: 60px;
    height: 340px;
    position: relative;
    margin-top: 60px;
    display: inline-block;
    text-align: center;
    /*.top-left{
			border:8px solid $default-light-font-color;
			&:after{
				content:"";
				width:16px;
				height: 13px;
				display: inline-block;
				position:absolute;
				right:0px;
				background-color: $default-light-font-color;
			}
		}
		.bottom-left{
			border:8px solid $default-light-font-color;
			position:absolute;
			bottom:0px;
			width: 100%;
			&:after{
				content:"";
				width:16px;
				//height: 13px;
				display: inline-block;
				text-align:right;

				right:0px;
				background-color: $default-light-font-color;
			}
		}*/ }
  .Home-page .right {
    width: 500px;
    margin-top: 60px;
    height: 340px;
    position: relative;
    display: inline-block;
    text-align: center;
    /*.top-right{
			border:8px solid $default-light-font-color;
			&:before{
				content:"";
				width:16px;
				height: 13px;
				display: inline-block;
				background-color: $default-light-font-color;
			}
		}
		.bottom-left-right{
			border:8px solid $default-light-font-color;
			position:absolute;
			bottom:0px;
			&:before{
				content:"";
				width:16px;
				height: 13px;
				display: inline-block;
				background-color: $default-light-font-color;
			}
		}*/ }
    @media (max-width: 639px) {
      .Home-page .right {
        overflow: hidden; } }
  .Home-page .contenuTitre:before {
    content: "";
    width: 500px;
    height: 340px; }
  .Home-page .contenuTitre-left {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    width: 100%; }
    .Home-page .contenuTitre-left a {
      width: 100%;
      display: block;
      height: 339px;
      vertical-align: middle;
      transition: all 0.3s ease 0s; }
      .Home-page .contenuTitre-left a:hover .icon,
      .Home-page .contenuTitre-left a:active .icon,
      .Home-page .contenuTitre-left a:focus .icon {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
  .Home-page .contenuTitre-right {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    width: 100%; }
    .Home-page .contenuTitre-right a {
      width: 100%;
      display: block;
      height: 339px;
      vertical-align: middle;
      transition: all 0.3s ease 0s; }
      .Home-page .contenuTitre-right a:hover .icon,
      .Home-page .contenuTitre-right a:active .icon,
      .Home-page .contenuTitre-right a:focus .icon {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
  .Home-page .icon-chevron-down {
    color: #FFF;
    font-size: 26px;
    margin-top: 35px;
    z-index: 10; }
  .Home-page .sliderHome {
    position: relative; }
    .Home-page .sliderHome .bxSlider {
      margin-bottom: 0px; }
    .Home-page .sliderHome .bx-wrapper {
      margin-bottom: 0px; }
      .Home-page .sliderHome .bx-wrapper .bx-viewport {
        height: 290px;
        border: 0px solid #FFF;
        left: 0px;
        box-shadow: none; }
    .Home-page .sliderHome .pagerSquare {
      position: absolute;
      bottom: 20px;
      right: 70px;
      z-index: 50; }
      .Home-page .sliderHome .pagerSquare a {
        margin-right: 6px; }
        .Home-page .sliderHome .pagerSquare a:last-child {
          margin-right: 0px; }
      .Home-page .sliderHome .pagerSquare .pager-square {
        width: 24px;
        height: 24px;
        background-color: transparent;
        border: 4px solid #FFF;
        display: inline-block;
        vertical-align: top; }
      .Home-page .sliderHome .pagerSquare a.active {
        background-color: #FFF;
        display: inline-block;
        height: 20px; }
    .Home-page .sliderHome #sliderHome ul {
      margin-top: 0px;
      margin-left: 0px; }
    .Home-page .sliderHome #sliderHome li {
      height: 500px;
      width: 100%;
      margin-top: 0px;
      margin-left: 0px;
      background-size: cover;
      background-position: center center; }
    .Home-page .sliderHome .bx-prev {
      z-index: 50; }
    .Home-page .sliderHome .bx-next {
      z-index: 50; }
    .Home-page .sliderHome .arrowSlider {
      position: absolute;
      font-size: 47px;
      font-size: 4.7rem;
      color: #FFF;
      /*
			.icon{
				color: $default-light-font-color;
				font-size: 5rem;
			}
			a{
				width:35.5px;
				height:48.9px;
				display: inline-block;
				position:absolute;
				margin-left: -36px;
				a:hover,
				a:active,
				a:focus{
					stroke:$default-hover-color;
				}
			}*/ }
    .Home-page .sliderHome .slider-arrow {
      position: absolute;
      top: 50%;
      width: 1280px;
      display: block;
      right: 0px;
      left: 0px;
      margin: -18px auto 0px; }
      @media (max-width: 1279px) {
        .Home-page .sliderHome .slider-arrow {
          width: 100%;
          margin: 35px auto 0px; } }
      @media (max-width: 639px) {
        .Home-page .sliderHome .slider-arrow {
          margin: 19px auto 0px; } }
    .Home-page .sliderHome .prevPage {
      left: 60px;
      top: 50%;
      transition: all 0.3s ease 0s; }
      .Home-page .sliderHome .prevPage .icon:hover, .Home-page .sliderHome .prevPage .icon:active, .Home-page .sliderHome .prevPage .icon:focus {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
    .Home-page .sliderHome .nextPage {
      right: 60px;
      top: 50%;
      transition: all 0.3s ease 0s; }
      .Home-page .sliderHome .nextPage .icon:hover, .Home-page .sliderHome .nextPage .icon:active, .Home-page .sliderHome .nextPage .icon:focus {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
    .Home-page .sliderHome .main-container-slider {
      width: 1280px;
      margin: 0 auto;
      display: block;
      position: absolute;
      z-index: 1;
      top: 85px;
      bottom: 0;
      left: 0;
      right: 0; }
    .Home-page .sliderHome .actu-slider-container {
      width: 89%;
      margin: 0 auto;
      height: 340px;
      position: relative;
      /*&:before{
				content: '';
			    display: inline-block;
			    height: 100%;
			    vertical-align: middle;
			    margin-right: -0.25em;
			}*/ }
    .Home-page .sliderHome .categorie-actu {
      position: absolute;
      top: -50px;
      left: 0;
      right: 0; }
      .Home-page .sliderHome .categorie-actu p {
        font-family: "bikobold";
        font-size: 20px;
        font-size: 2rem;
        color: #FFF;
        position: relative;
        text-align: center; }
    .Home-page .sliderHome .svg-picto-agenda .st0, .Home-page .sliderHome .svg-picto-agenda .st1 {
      stroke: #FFF; }
    .Home-page .sliderHome .actu-slider {
      text-align: center;
      vertical-align: middle;
      width: 95%;
      margin: 0 auto;
      height: 90%;
      display: table; }
      .Home-page .sliderHome .actu-slider .contenu-actu {
        margin-top: 4px; }
      .Home-page .sliderHome .actu-slider a {
        display: table-cell;
        vertical-align: middle;
        transition: all 0.3s ease 0s;
        /*&:before {
				  content: '';
				  display: inline-block;
				  height: 100%;
				  vertical-align: middle;
				  margin-right: -0.25em;
				}*/ }
        .Home-page .sliderHome .actu-slider a:hover .icon,
        .Home-page .sliderHome .actu-slider a:active .icon,
        .Home-page .sliderHome .actu-slider a:focus .icon {
          color: #D8383F;
          transition: all 0.3s ease 0s; }
        .Home-page .sliderHome .actu-slider a img {
          margin: 30px auto 0; }
        .Home-page .sliderHome .actu-slider a .bigger {
          font-family: "loveloblack";
          font-size: 27px;
          font-size: 2.7rem; }
        .Home-page .sliderHome .actu-slider a p:has(.bigger) {
          margin-bottom: 18px; }
      .Home-page .sliderHome .actu-slider .pictoTitre {
        margin-bottom: 30px; }
        .Home-page .sliderHome .actu-slider .pictoTitre .icon {
          color: #FFF;
          font-size: 50px;
          font-size: 5rem; }
      .Home-page .sliderHome .actu-slider p {
        color: #FFF;
        font-family: "bikobold";
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px; }
      .Home-page .sliderHome .actu-slider .sous-titre-actu {
        font-family: "novecento_widebook";
        font-size: 31px;
        font-size: 3.1rem;
        line-height: 24px; }
    .Home-page .sliderHome .separator-head {
      border-width: 16px;
      border-color: #FFF;
      position: relative; }
      .Home-page .sliderHome .separator-head:before {
        content: "";
        width: 16px;
        height: 13px;
        display: inline-block;
        background-color: #FFF;
        position: absolute;
        left: 0px; }
      .Home-page .sliderHome .separator-head:after {
        content: "";
        width: 16px;
        height: 13px;
        display: inline-block;
        position: absolute;
        right: 0px;
        background-color: #FFF; }
    .Home-page .sliderHome .separator-foot-contain {
      position: absolute;
      bottom: -15px; }
    .Home-page .sliderHome .separator-foot {
      width: 1140px;
      border-width: 16px;
      border-color: #FFF;
      position: relative;
      margin-bottom: 0px; }
      .Home-page .sliderHome .separator-foot:before {
        content: "";
        width: 16px;
        height: 13px;
        display: inline-block;
        margin-top: -28px;
        background-color: #FFF;
        position: absolute;
        left: 0px; }
      .Home-page .sliderHome .separator-foot:after {
        content: "";
        width: 16px;
        height: 13px;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -29px;
        background-color: #FFF; }
  .Home-page .bloc-titre-gallerie {
    height: 150px;
    text-align: center;
    color: #FFF; }
    .Home-page .bloc-titre-gallerie h2 {
      font-family: "loveloblack";
      font-size: 34px;
      font-size: 3.4rem;
      vertical-align: middle;
      padding-top: 44px;
      /*&:before{
				content: '';
			    display: inline-block;
			    height: 100%;
			    vertical-align: middle;
			    margin-right: -0.25em;
			}*/ }
      .Home-page .bloc-titre-gallerie h2 span {
        display: block;
        font-family: "bikobold";
        font-size: 20px;
        font-size: 2rem;
        text-align: center;
        text-transform: none; }
    .Home-page .bloc-titre-gallerie .triangle {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FFF;
      display: inline-block;
      margin-top: 12px; }
  .Home-page .gallery {
    margin-bottom: 35px;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 1279px) {
      .Home-page .gallery {
        display: block; } }
    .Home-page .gallery .vignette-wrapper {
      width: 25%; }
      @media (max-width: 1279px) {
        .Home-page .gallery .vignette-wrapper {
          width: 100%; } }
      .Home-page .gallery .vignette-wrapper .vignette {
        width: 100%;
        padding-bottom: 150%; }
        .Home-page .gallery .vignette-wrapper .vignette .gallery-actions {
          position: absolute;
          z-index: 2; }
        .Home-page .gallery .vignette-wrapper .vignette a {
          display: block;
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%; }
        .Home-page .gallery .vignette-wrapper .vignette:hover .favorites-actions button,
        .Home-page .gallery .vignette-wrapper .vignette:hover a:before {
          opacity: 1; }
  .Home-page .bloc-button-gallerie {
    height: 121px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 6px;
    /*&:before{
			content: '';
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
		    margin-right: -0.25em;
		}*/ }
    .Home-page .bloc-button-gallerie .callToAction--picto-archive {
      vertical-align: middle;
      margin-bottom: 0px;
      color: #FFF;
      border-color: #FFF; }
      .Home-page .bloc-button-gallerie .callToAction--picto-archive .svg-picto-archive .st0 {
        fill: #FFF; }
      .Home-page .bloc-button-gallerie .callToAction--picto-archive:hover, .Home-page .bloc-button-gallerie .callToAction--picto-archive:active, .Home-page .bloc-button-gallerie .callToAction--picto-archive:focus,
      .Home-page .bloc-button-gallerie .callToAction--picto-archive:hover .svg-picto-archive .st0,
      .Home-page .bloc-button-gallerie .callToAction--picto-archive:active .svg-picto-archive .st0,
      .Home-page .bloc-button-gallerie .callToAction--picto-archive:focus .svg-picto-archive .st0 {
        color: #D8383F;
        border-color: #D8383F;
        fill: #D8383F; }
  .Home-page .icon-archive, .Home-page .icon-chef-oeuvre {
    margin-right: 40px;
    font-size: 27px;
    font-size: 2.7rem; }
  .Home-page .icon-eye {
    margin-right: 15px;
    height: 25px;
    width: 37px; }
    .Home-page .icon-eye:before, .Home-page .icon-eye:after {
      height: 25px;
      width: 37px; }
    @media (max-width: 639px) {
      .Home-page .icon-eye:before, .Home-page .icon-eye:after {
        top: -2px;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center; } }
  .Home-page .expander-light {
    position: relative;
    height: 150px;
    width: 100%;
    background-color: #FFF; }
    .Home-page .expander-light .englobeur {
      display: inline-block;
      vertical-align: middle;
      transition: all 0.3s ease 0s; }
      .Home-page .expander-light .englobeur:before {
        content: '';
        display: inline-block;
        height: 150px;
        vertical-align: middle;
        margin-right: -0.25em; }
      .Home-page .expander-light .englobeur:hover .icon,
      .Home-page .expander-light .englobeur:active .icon,
      .Home-page .expander-light .englobeur:focus .icon {
        transition: all 0.3s ease 0s;
        color: #D8383F; }
      .Home-page .expander-light .englobeur a {
        transition: all 0.3s ease 0s; }
      .Home-page .expander-light .englobeur a:hover .picto-before1 .st0,
      .Home-page .expander-light .englobeur a:hover .picto-before1 .st1,
      .Home-page .expander-light .englobeur a:active .picto-before1 .st0,
      .Home-page .expander-light .englobeur a:active .picto-before1 .st1,
      .Home-page .expander-light .englobeur a:focus .picto-before1 .st0,
      .Home-page .expander-light .englobeur a:focus .picto-before1 .st1 {
        stroke: #D8383F;
        transition: all 0.3s ease 0s; }
      .Home-page .expander-light .englobeur:hover,
      .Home-page .expander-light .englobeur:hover a,
      .Home-page .expander-light .englobeur:hover .picto-before2,
      .Home-page .expander-light .englobeur:hover .text-headband-light, .Home-page .expander-light .englobeur:active,
      .Home-page .expander-light .englobeur:active a,
      .Home-page .expander-light .englobeur:active .picto-before2,
      .Home-page .expander-light .englobeur:active .text-headband-light, .Home-page .expander-light .englobeur:focus,
      .Home-page .expander-light .englobeur:focus a,
      .Home-page .expander-light .englobeur:focus .picto-before2,
      .Home-page .expander-light .englobeur:focus .text-headband-light {
        color: #D8383F;
        border-color: #D8383F;
        fill: #D8383F;
        transition: all 0.3s ease 0s; }
    .Home-page .expander-light .englobeur1 {
      margin-left: 120px; }
      .Home-page .expander-light .englobeur1 .icon {
        color: #1D1D1E;
        font-size: 70px;
        font-size: 7rem; }
    .Home-page .expander-light .englobeur2 {
      margin-left: 160px; }
      .Home-page .expander-light .englobeur2 .icon {
        color: #1D1D1E;
        font-size: 42px;
        font-size: 4.2rem; }
    .Home-page .expander-light .picto-before {
      vertical-align: middle;
      display: inline-block; }
    .Home-page .expander-light .text-headband-light {
      font-family: "loveloblack";
      color: #1D1D1E;
      font-size: 24px;
      font-size: 2.4rem;
      display: inline-block;
      margin-left: 40px;
      vertical-align: middle; }
    .Home-page .expander-light .hidden-mobile {
      display: inline-block; }

@media (max-width: 1279px) {
  .Home-page .sliderHome .pagerSquare {
    width: 100%;
    text-align: center;
    right: 0px; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .Home-page .bg-image {
    height: 810px;
    /*video{
				display:none;
			}*/ }
  .Home-page .logo-pba-mobile-hp {
    display: block; }
  .Home-page .center-line {
    position: absolute;
    bottom: 27px; }
  .Home-page .deco-desktop {
    display: none; }
  .Home-page .deco-tablette-bottom {
    display: inline-block;
    width: 505px;
    height: 42px;
    position: absolute;
    left: 0px;
    top: 200px;
    background-position: -20px -27px;
    background-size: 109% auto;
    background-repeat: no-repeat; } }

@media screen\0  and (min-width: 640px) and (max-width: 1279px) {
  .Home-page .deco-tablette-bottom {
    background-position: -344px -27px;
    background-size: 234% auto;
    background-repeat: no-repeat; } }

@media screen and (min-width: 640px) and (max-width: 1279px) and (min-width: 0\0) {
  .Home-page .deco-tablette-bottom {
    background-position: -344px -27px;
    background-size: 234% auto;
    background-repeat: no-repeat; } }

@media all and (min-width: 640px) and (max-width: 1279px) and (-ms-high-contrast: none) {
  .Home-page .deco-tablette-bottom {
    background-position: -344px -27px;
    background-size: 234% auto;
    background-repeat: no-repeat; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .Home-page .deco-tablette-up {
    display: inline-block;
    width: 505px;
    height: 310px;
    position: absolute;
    left: 47%;
    top: 0px;
    margin-left: -235px; }
  .Home-page .contenuTitre-right {
    top: 24%; }
  .Home-page .contenuTitre-left {
    top: 40%; }
  .Home-page .main-container {
    width: 100%; }
  .Home-page .container-int {
    text-align: center; }
  .Home-page .right {
    margin-top: -20px;
    height: 340px;
    display: block;
    margin: 0 auto;
    padding-bottom: 97px; }
  .Home-page .left {
    margin-top: 0px;
    height: 340px;
    display: block;
    margin: 0 auto; }
  .Home-page h1 {
    font-size: 56px;
    font-size: 5.6rem;
    line-height: 67.2px; }
  .Home-page .sliderHome .main-container-slider {
    width: 100%;
    top: 200px; }
  .Home-page .sliderHome .categorie-actu {
    top: -110px; }
    .Home-page .sliderHome .categorie-actu p {
      font-size: 24px;
      font-size: 2.4rem; }
  .Home-page .sliderHome .separator-foot-contain {
    width: 100%;
    bottom: -7.5px; }
  .Home-page .sliderHome .separator-foot {
    width: 100%; }
  .Home-page .sliderHome #prevPage {
    top: 9.5%; }
  .Home-page .sliderHome #nextPage {
    top: 9.5%; }
  .Home-page .sliderHome .actu-slider-container {
    height: 510px; }
  .Home-page .sliderHome .actu-slider .pictoTitre {
    margin-bottom: 25px; }
  .Home-page .sliderHome .actu-slider .sous-titre-actu {
    font-size: 46px;
    font-size: 4.6rem;
    line-height: 55.2px; }
  .Home-page .sliderHome .actu-slider p {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40.8px; }
  .Home-page .sliderHome #sliderHome li {
    height: 800px; }
  .Home-page .sliderHome .bx-wrapper .bx-viewport {
    height: 800px; }
  .Home-page .sliderHome .prevPage {
    left: 55px;
    top: 10%; }
  .Home-page .sliderHome .nextPage {
    right: 55px;
    top: 10%; }
  .Home-page .gallery {
    margin-bottom: 80px; }
  .Home-page .bloc-button-gallerie {
    padding: 0 55px;
    height: 185px; }
    .Home-page .bloc-button-gallerie .callToAction--picto-archive, .Home-page .bloc-button-gallerie .callToAction--picto-chef-oeuvre {
      margin-top: 0px; }
  .Home-page .expander-light {
    height: 470px;
    /*.container-int{
    			padding:0 60px;
    		}*/ }
    .Home-page .expander-light .englobeur {
      display: inline-block;
      vertical-align: middle;
      border: 5px solid #000;
      line-height: 115px;
      width: 100%;
      text-align: center;
      margin-top: 75px;
      transition: all 0.3s ease 0s; }
      .Home-page .expander-light .englobeur:before {
        content: '';
        display: inline-block;
        height: 0%;
        vertical-align: middle;
        margin-right: -0.25em; }
      .Home-page .expander-light .englobeur a:hover, .Home-page .expander-light .englobeur a:active, .Home-page .expander-light .englobeur a:focus {
        color: #D8383F; }
    .Home-page .expander-light .englobeur1 {
      margin-left: 0px; }
    .Home-page .expander-light .englobeur2 {
      margin-left: 0px; }
    .Home-page .expander-light .hidden-mobile {
      display: none; } }

@media (max-width: 639px) {
  .Home-page .container-int {
    margin-left: 22.5px;
    margin-right: 22.5px; }
    .Home-page .container-int .pictoTitre {
      margin-bottom: 12.5px; }
      .Home-page .container-int .pictoTitre .icon {
        font-size: 2.05rem !important; }
  .Home-page .bg-image {
    height: 405px;
    /*video{
				display:none;
			}*/ }
  .Home-page h1 {
    font-size: 1.4rem;
    line-height: 17px; }
  .Home-page .fakeH1 {
    font-size: 23px;
    font-size: 2.3rem; }
  .Home-page .left {
    width: 250px;
    margin-top: 30px;
    height: 170px; }
    .Home-page .left .deco-tablette-up {
      background-position: -9px -9px !important; }
  .Home-page .right {
    width: 250px;
    margin-top: 30px;
    height: 170px; }
    .Home-page .right .deco-tablette-bottom {
      background-position: -11px -17px !important;
      background-size: 110%; }
  .Home-page .logo-pba-mobile-hp {
    display: block;
    width: 100%;
    height: 50px;
    padding-top: 25px;
    padding-bottom: 50px;
    width: 100%;
    display: block;
    height: 25px;
    width: 100%;
    font-size: 25px;
    font-size: 2.5rem;
    letter-spacing: 0.07em;
    color: #FFF;
    text-align: center;
    margin-left: 4px;
    /*background:url("../images/logo-pba.svg") 0px 1px no-repeat;
		    background-size:508.5px;*/ }
    .Home-page .logo-pba-mobile-hp span.need-mr {
      margin-right: 12px; }
    .Home-page .logo-pba-mobile-hp span.need-tiret {
      margin-right: 20px;
      position: relative; }
      .Home-page .logo-pba-mobile-hp span.need-tiret:after {
        display: inline-block;
        content: '';
        width: 10px;
        height: 1.5px;
        background-color: #FFF;
        position: absolute;
        top: 50%;
        right: -12px;
        transition: all 0.3s ease 0s; }
  .Home-page .center-line {
    position: absolute;
    bottom: 13.5px; }
  .Home-page .deco-desktop {
    display: none; }
  .Home-page .deco-tablette-bottom {
    display: inline-block;
    width: 252.5px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 100px; }
  .Home-page .deco-tablette-up {
    display: inline-block;
    width: 252.5px;
    height: 155px;
    position: absolute;
    left: 47%;
    top: 0px;
    margin-left: -117.5px; }
  .Home-page .contenuTitre-right {
    top: 40%; }
  .Home-page .contenuTitre-left {
    top: 55%; }
  .Home-page .main-container {
    width: 100%; }
  .Home-page .container-int {
    text-align: center; }
    .Home-page .container-int p {
      font-size: 1.2rem; }
  .Home-page .right {
    margin-top: -10px;
    height: 170px;
    display: block;
    margin: 0 auto; }
  .Home-page .left {
    margin-top: 0px;
    height: 170px;
    display: block;
    margin: 0 auto; }
  .Home-page h1 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 33.6px; }
  .Home-page .sliderHome {
    /**/
    /**/ }
    .Home-page .sliderHome .main-container-slider {
      width: 100%;
      top: 100px; }
    .Home-page .sliderHome .arrowSlider {
      font-size: 2.35rem; }
    .Home-page .sliderHome .pagerSquare {
      position: absolute;
      bottom: 10px;
      right: 0px;
      z-index: 50; }
      .Home-page .sliderHome .pagerSquare a {
        margin-right: 3px; }
        .Home-page .sliderHome .pagerSquare a:last-child {
          margin-right: 0px; }
      .Home-page .sliderHome .pagerSquare .pager-square {
        width: 12px;
        height: 12px;
        background-color: transparent;
        border: 2px solid #FFF;
        display: inline-block;
        vertical-align: top; }
      .Home-page .sliderHome .pagerSquare a.active {
        height: 10px;
        margin-top: 0px;
        vertical-align: top; }
    .Home-page .sliderHome .separator-head {
      border-width: 8px; }
      .Home-page .sliderHome .separator-head:before {
        content: "";
        width: 8px;
        height: 6.5px;
        left: 0px; }
      .Home-page .sliderHome .separator-head:after {
        content: "";
        width: 8px;
        height: 6.5px;
        right: 0px; }
    .Home-page .sliderHome .categorie-actu {
      top: -55px; }
      .Home-page .sliderHome .categorie-actu p {
        font-size: 12px;
        font-size: 1.2rem; }
    .Home-page .sliderHome .separator-foot-contain {
      width: 100%;
      bottom: 0px; }
    .Home-page .sliderHome .separator-foot {
      width: 100%;
      border-width: 8px;
      margin-bottom: 0px; }
      .Home-page .sliderHome .separator-foot:before {
        content: "";
        width: 8px;
        height: 6.5px;
        margin-top: -14px; }
      .Home-page .sliderHome .separator-foot:after {
        content: "";
        width: 8px;
        height: 6.5px;
        top: -14.5px; }
    .Home-page .sliderHome #prevPage {
      top: 9.5%; }
    .Home-page .sliderHome #nextPage {
      top: 9.5%; }
    .Home-page .sliderHome .actu-slider-container {
      height: 255px; }
    .Home-page .sliderHome .actu-slider .pictoTitre {
      margin-bottom: 12.5px; }
      .Home-page .sliderHome .actu-slider .pictoTitre .icon {
        font-size: 2.5rem; }
    .Home-page .sliderHome .actu-slider .sous-titre-actu {
      font-size: 23px;
      font-size: 2.3rem;
      line-height: 27.6px; }
    .Home-page .sliderHome .actu-slider p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 20.4px; }
    .Home-page .sliderHome .actu-slider a .bigger {
      font-size: 1.35rem; }
    .Home-page .sliderHome .actu-slider a img {
      width: 200px;
      margin: 15px auto 0px;
      height: auto; }
    .Home-page .sliderHome #sliderHome li {
      height: 400px; }
    .Home-page .sliderHome .bx-wrapper .bx-viewport {
      height: 400px; }
    .Home-page .sliderHome .prevPage {
      left: 27.5px;
      top: 10%; }
    .Home-page .sliderHome .nextPage {
      right: 27.5px;
      top: 10%; }
  .Home-page .bloc-titre-gallerie {
    height: 75px; }
    .Home-page .bloc-titre-gallerie h2 {
      font-size: 17px;
      font-size: 1.7rem;
      padding-top: 22px; }
      .Home-page .bloc-titre-gallerie h2 span {
        font-size: 10px;
        font-size: 1rem; }
    .Home-page .bloc-titre-gallerie .triangle {
      width: 0px;
      height: 0px;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #FFF;
      display: inline-block;
      margin-top: 6px; }
  .Home-page .gallery {
    margin-bottom: 40px; }
  .Home-page .bloc-button-gallerie {
    padding: 0 27.5px;
    height: 82.5px; }
    .Home-page .bloc-button-gallerie .callToAction--picto-archive {
      margin-top: 0px; }
  .Home-page .callToAction--picto-archive {
    font-size: 14px;
    height: auto;
    min-height: 42.5px;
    padding-top: 9px; }
  .Home-page .icon-archive, .Home-page .icon-eye, .Home-page .icon-chef-oeuvre {
    margin-right: 10px;
    font-size: 1.35rem; }
  .Home-page .public-gallery-link {
    padding-left: 0;
    padding-right: 0; }
    .Home-page .public-gallery-link #eyeSvg {
      width: 17px;
      margin-right: 5px; }
  .Home-page .expander-light {
    height: 235px;
    /*.container-int{
    			padding:0 60px;
    		}*/ }
    .Home-page .expander-light .englobeur {
      display: inline-block;
      vertical-align: middle;
      border: 3px solid #000;
      line-height: 57.5px;
      width: 100%;
      text-align: center;
      margin-top: 37.5px;
      transition: all 0.3s ease 0s; }
      .Home-page .expander-light .englobeur:before {
        content: '';
        display: inline-block;
        height: 0%;
        vertical-align: middle;
        margin-right: -0.25em; }
    .Home-page .expander-light .englobeur1 {
      margin-left: 0px; }
      .Home-page .expander-light .englobeur1 .icon {
        font-size: 35px;
        font-size: 3.5rem; }
    .Home-page .expander-light .englobeur2 {
      margin-left: 0px; }
      .Home-page .expander-light .englobeur2 .icon {
        font-size: 20px;
        font-size: 2rem; }
    .Home-page .expander-light .text-headband-light {
      font-size: 12px;
      font-size: 1.2rem;
      margin-left: 20px; }
    .Home-page .expander-light .hidden-mobile {
      display: none; } }

.bx-default-pager {
  display: none; }

#cnil_banner_consent {
  top: 0px;
  right: 0px;
  left: 0px;
  background-color: #FFF;
  z-index: 950;
  width: 100%; }
  #cnil_banner_consent .alert {
    text-align: center;
    text-shadow: none;
    box-shadow: none;
    padding: 0px;
    border: none;
    border-radius: 0px;
    font-family: 'arial';
    font-size: 15px;
    font-size: 1.5rem;
    color: #1D1D1E;
    line-height: 1em;
    margin-bottom: 0px;
    padding: 15px 0;
    position: relative; }
  #cnil_banner_consent .alert-info {
    background-image: none;
    background-color: transparent;
    text-align: center; }
  #cnil_banner_consent .close {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 15px;
    background: url(../images/cookie-croix.png) no-repeat center center;
    height: 28px;
    width: 40px;
    opacity: 1;
    transition: all 0.4s ease 0s; }
    #cnil_banner_consent .close:hover, #cnil_banner_consent .close:active, #cnil_banner_consent .close:focus {
      opacity: 0.5; }
  #cnil_banner_consent a {
    font-family: 'arial';
    font-size: 15px;
    font-size: 1.5rem;
    color: #D8383F;
    text-decoration: underline; }
    #cnil_banner_consent a:hover, #cnil_banner_consent a:active, #cnil_banner_consent a:focus {
      text-decoration: underline; }

@media (max-width: 1279px) {
  #cnil_banner_consent {
    bottom: 0px;
    top: inherit;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.8); }
    #cnil_banner_consent .container {
      padding: 0px 60px 0px 30px; }
    #cnil_banner_consent .alert {
      text-align: left;
      line-height: normal;
      width: 80%;
      position: relative;
      margin-left: 20px; }
    #cnil_banner_consent .close {
      right: -15%; }
  .fillerCookie {
    display: none !important; } }

@media (max-width: 639px) {
  #cnil_banner_consent .alert {
    font-size: 12px;
    font-size: 1.2rem; }
  #cnil_banner_consent a {
    font-size: 12px;
    font-size: 1.2rem; }
  #cnil_banner_consent .container {
    padding: 0px 70px 0px 10px; }
  .fillerCookie {
    display: none !important; } }

/*#skipnavigation {
    width: 1200px;
    background-color: #fff;
    padding: 5px 0;
    margin:0 auto;
    ul {
        margin: auto;
        overflow: hidden;
        list-style-type: none;
        padding: 0;
        li {
            float: left;
            margin-left: 5px;
            padding: 0 10px;
            margin-bottom:0px;  
            a {
                color: #000;
                text-decoration: none;
                &:hover, &:active, &:focus{
                    text-decoration: underline;
                }
            }                             
        }
    }
}*/
#skipnavigation {
  height: 0px;
  opacity: 0;
  text-align: right;
  background-color: #1D1D1E;
  color: #FFF; }
  #skipnavigation ul {
    margin: auto;
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    height: 0px; }
  #skipnavigation li {
    float: left;
    margin-left: 5px;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem; }
    #skipnavigation li:after {
      content: "|";
      padding: 0px 5px; }
    #skipnavigation li:nth-last-of-type(1):after {
      content: "";
      padding: 0px; }
    #skipnavigation li a {
      color: #FFF;
      text-decoration: none; }
      #skipnavigation li a:hover, #skipnavigation li a:active, #skipnavigation li a:focus {
        text-decoration: underline; }
  #skipnavigation.hasSkipLinkBanner {
    line-height: 30px;
    height: 30px;
    opacity: 1; }
    #skipnavigation.hasSkipLinkBanner ul {
      height: 30px; }

@media (max-width: 1199px) {
  #skipnavigation {
    width: 100%; } }

.class_group_intern .gallery {
  margin-bottom: 35px;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1279px) {
    .class_group_intern .gallery {
      display: block; } }
  .class_group_intern .gallery .vignette-wrapper {
    width: 25%; }
    @media (max-width: 1279px) {
      .class_group_intern .gallery .vignette-wrapper {
        width: 100%; } }
    .class_group_intern .gallery .vignette-wrapper .vignette {
      width: 100%;
      padding-bottom: 150%; }
      .class_group_intern .gallery .vignette-wrapper .vignette .gallery-actions {
        position: absolute;
        z-index: 2; }
      .class_group_intern .gallery .vignette-wrapper .vignette a {
        display: block;
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%; }
      .class_group_intern .gallery .vignette-wrapper .vignette:hover .favorites-actions button,
      .class_group_intern .gallery .vignette-wrapper .vignette:hover a:before {
        opacity: 1; }

.class_group_intern .bloc-button-gallerie {
  height: 121px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-top: 6px;
  /*&:before{
			content: '';
		    display: inline-block;
		    height: 100%;
		    vertical-align: middle;
		    margin-right: -0.25em;
		}*/ }
  .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide {
    vertical-align: middle;
    margin-bottom: 0px;
    color: #1D1D1E;
    border-color: #1D1D1E; }
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide .svg-picto-archive .st0 {
      fill: #FFF; }
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:hover, .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:active, .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:focus,
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:hover .svg-picto-archive .st0,
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:active .svg-picto-archive .st0,
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide:focus .svg-picto-archive .st0 {
      color: #D8383F;
      border-color: #D8383F;
      fill: #D8383F; }

@media (max-width: 1279px) {
  .class_group_intern .gallery--artips-4 .vignette .encart {
    width: 57.813% !important;
    left: 21.094%;
    height: 340px;
    bottom: 130px;
    padding: 23.5px 20px 0 23.5px; } }

@media (max-width: 639px) {
  .class_group_intern .gallery--artips-4 .vignette .encart {
    height: 170px;
    bottom: 75px; }
  .class_group_intern .bloc-button-gallerie {
    padding: 0 27.5px;
    height: 82.5px; }
    .class_group_intern .bloc-button-gallerie .callToAction--picto-light-wide {
      margin-top: 0px; }
  .class_group_intern .callToAction--picto-light-wide {
    font-size: 14px;
    height: auto;
    min-height: 42.5px;
    padding-top: 9px; } }

/* 
@media(max-width: 1279px){

}
@media(max-width: 1279px) and (min-width: 640px){

}
@media(max-width: 639px){

}
 */
.gallery {
  margin-bottom: 45px; }
  @media (max-width: 639px) {
    .gallery {
      margin-bottom: 22.5px; } }
  .gallery + .gallery {
    margin-top: -45px; }
    @media (max-width: 639px) {
      .gallery + .gallery {
        margin-top: -22.5px; } }
  .gallery--artips-4 {
    position: relative; }
    @media (max-width: 639px) {
      .gallery--artips-4 {
        margin-bottom: 22.5px; } }
    .gallery--artips-4 .vignette {
      width: 25%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 37.5%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--artips-4 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--artips-4 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--artips-4 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--artips-4 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--artips-4 .vignette:hover, .gallery--artips-4 .vignette:focus, .gallery--artips-4 .vignette:active {
      color: #D8383F; }
    .gallery--artips-4 .vignette .encart {
      width: 76.5%;
      height: 227px;
      left: 11.75%;
      bottom: 70px;
      padding: 47px 40px 0 47px; }
    @media (max-width: 1279px) {
      .gallery--artips-4 .vignette .encart {
        width: 57.813%;
        left: 21.094%;
        height: 340px;
        bottom: 130px;
        padding: 23.5px 20px 0 23.5px; }
      .gallery--artips-4 .vignette .title {
        font-size: 40px;
        font-size: 4rem; }
      .gallery--artips-4 .vignette .author {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--artips-4 .vignette .encart {
        height: 340px;
        bottom: 130px; }
      .gallery--artips-4 .vignette .title {
        font-size: 40px;
        font-size: 4rem; }
      .gallery--artips-4 .vignette .author {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media (max-width: 639px) {
      .gallery--artips-4 .vignette .encart {
        height: 170px;
        bottom: 75px; }
      .gallery--artips-4 .vignette .title {
        font-size: 20px;
        font-size: 2rem; }
      .gallery--artips-4 .vignette .author {
        font-size: 13px;
        font-size: 1.3rem; } }
    .gallery--artips-4 .icon-artips {
      position: absolute;
      bottom: 17px;
      right: 22px;
      font-size: 33px;
      font-size: 3.3rem; }
      @media (max-width: 639px) {
        .gallery--artips-4 .icon-artips {
          font-size: 25px;
          font-size: 2.5rem; } }
  .gallery--artips-6 {
    position: relative; }
    @media (max-width: 639px) {
      .gallery--artips-6 {
        margin-bottom: 22.5px; } }
    .gallery--artips-6 .vignette {
      width: 16.66667%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 25%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--artips-6 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--artips-6 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--artips-6 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--artips-6 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--artips-6 .vignette:hover, .gallery--artips-6 .vignette:focus, .gallery--artips-6 .vignette:active {
      color: #D8383F; }
    .gallery--artips-6 .vignette .encart {
      width: 76.5%;
      height: 227px;
      left: 11.75%;
      bottom: 70px;
      padding: 47px 40px 0 47px; }
    @media (max-width: 1279px) {
      .gallery--artips-6 .vignette .encart {
        width: 57.813%;
        left: 21.094%;
        height: 340px;
        bottom: 130px;
        padding: 23.5px 20px 0 23.5px; }
      .gallery--artips-6 .vignette .title {
        font-size: 40px;
        font-size: 4rem; }
      .gallery--artips-6 .vignette .author {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--artips-6 .vignette .encart {
        height: 340px;
        bottom: 130px; }
      .gallery--artips-6 .vignette .title {
        font-size: 40px;
        font-size: 4rem; }
      .gallery--artips-6 .vignette .author {
        font-size: 26px;
        font-size: 2.6rem; } }
    @media (max-width: 639px) {
      .gallery--artips-6 .vignette .encart {
        height: 170px;
        bottom: 75px; }
      .gallery--artips-6 .vignette .title {
        font-size: 20px;
        font-size: 2rem; }
      .gallery--artips-6 .vignette .author {
        font-size: 13px;
        font-size: 1.3rem; } }
    .gallery--artips-6 .icon-artips {
      position: absolute;
      bottom: 17px;
      right: 22px;
      font-size: 33px;
      font-size: 3.3rem; }
      @media (max-width: 639px) {
        .gallery--artips-6 .icon-artips {
          font-size: 25px;
          font-size: 2.5rem; } }
  .gallery--collection-4 {
    position: relative; }
    @media (max-width: 639px) {
      .gallery--collection-4 {
        margin-bottom: 22.5px; } }
    .gallery--collection-4 .vignette {
      width: 25%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 37.5%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--collection-4 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--collection-4 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--collection-4 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--collection-4 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--collection-4 .vignette:hover, .gallery--collection-4 .vignette:focus, .gallery--collection-4 .vignette:active {
      color: #D8383F; }
    .gallery--collection-4 .vignette .encart {
      width: 70.31%;
      left: 14.845%;
      height: 160px;
      bottom: 133px;
      padding: 30px 25px 0 25px; }
      .gallery--collection-4 .vignette .encart sup {
        font-size: 16px;
        font-size: 1.6rem; }
    @media (max-width: 1279px) {
      .gallery--collection-4 .vignette {
        padding-bottom: 48.473%; }
        .gallery--collection-4 .vignette .encart {
          width: 100%;
          left: 0;
          bottom: 0; }
          .gallery--collection-4 .vignette .encart sup {
            vertical-align: middle; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--collection-4 .vignette .encart {
        height: 125px;
        padding: 25px 25px 0 25px; }
      .gallery--collection-4 .vignette .title {
        font-size: 41px;
        font-size: 4.1rem; } }
    @media (max-width: 639px) {
      .gallery--collection-4 .vignette .encart {
        height: 62.5px;
        padding: 12.5px 12.5px 0 12.5px; }
      .gallery--collection-4 .vignette .title {
        font-size: 20px;
        font-size: 2.0rem; } }
  .gallery--collection-locked-4 {
    position: relative; }
    @media (max-width: 639px) {
      .gallery--collection-locked-4 {
        margin-bottom: 22.5px; } }
    .gallery--collection-locked-4 .vignette {
      width: 25%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 37.5%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--collection-locked-4 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--collection-locked-4 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--collection-locked-4 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--collection-locked-4 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--collection-locked-4 .vignette:hover, .gallery--collection-locked-4 .vignette:focus, .gallery--collection-locked-4 .vignette:active {
      color: #D8383F; }
    .gallery--collection-locked-4 .vignette .encart {
      width: 70.31%;
      left: 14.845%;
      height: 160px;
      bottom: 133px;
      padding: 30px 25px 0 25px; }
      .gallery--collection-locked-4 .vignette .encart sup {
        font-size: 16px;
        font-size: 1.6rem; }
    .gallery--collection-locked-4 .chevron {
      position: absolute;
      border-color: #FFF;
      border-width: 15px;
      height: 35px;
      width: 35px;
      z-index: 2; }
    .gallery--collection-locked-4 .bot-right {
      border-bottom: solid 15px #FFF;
      border-right: solid 15px #FFF;
      bottom: 0;
      right: 0; }
    .gallery--collection-locked-4 .bot-left {
      border-bottom: solid 15px #FFF;
      border-left: solid 15px #FFF;
      bottom: 0;
      left: 0; }
    .gallery--collection-locked-4 .top-left {
      border-top: solid 15px #FFF;
      border-left: solid 15px #FFF;
      top: 0;
      left: 0; }
    .gallery--collection-locked-4 .top-right {
      border-top: solid 15px #FFF;
      border-right: solid 15px #FFF;
      top: 0;
      right: 0; }
  .gallery--parcours-4 {
    position: relative; }
    @media (max-width: 639px) {
      .gallery--parcours-4 {
        margin-bottom: 22.5px; } }
    .gallery--parcours-4 .vignette {
      width: 25%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 37.5%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--parcours-4 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--parcours-4 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--parcours-4 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--parcours-4 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--parcours-4 .vignette:hover, .gallery--parcours-4 .vignette:focus, .gallery--parcours-4 .vignette:active {
      color: #D8383F; }
    .gallery--parcours-4 .vignette .encart {
      width: 70.31%;
      left: 14.845%;
      min-height: 139px;
      bottom: 133px;
      padding: 30px 25px 0 25px; }
    .gallery--parcours-4 .vignette .title {
      height: 65px; }
    .gallery--parcours-4 .vignette .temps-parcours {
      font-family: "open_sansregular";
      font-size: 14px;
      font-size: 1.4rem;
      color: #868687;
      transition: all 0.3s ease 0s; }
    .gallery--parcours-4 .vignette .time {
      font-family: "loveloblack";
      font-size: 21px;
      font-size: 2.1rem; }
    .gallery--parcours-4 .vignette .minute {
      font-family: "bikobold";
      font-size: 21px;
      font-size: 2.1rem; }
    .gallery--parcours-4 .vignette .icon-clock {
      position: relative;
      top: -4px;
      margin-right: 1px;
      left: -6px;
      font-size: 20px;
      font-size: 2.0rem; }
    .gallery--parcours-4 .vignette:hover .temps-parcours, .gallery--parcours-4 .vignette:active .temps-parcours, .gallery--parcours-4 .vignette:focus .temps-parcours {
      color: inherit; }
    @media (max-width: 1279px) {
      .gallery--parcours-4 .vignette .encart {
        width: 65.625%;
        left: 17.188%; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--parcours-4 .vignette .encart {
        height: 260px;
        padding: 47px 47px 0 47px; }
      .gallery--parcours-4 .vignette .title {
        font-size: 52px;
        font-size: 5.2rem;
        height: 150px; }
      .gallery--parcours-4 .vignette .temps-parcours {
        font-size: 24px;
        font-size: 2.4rem; }
      .gallery--parcours-4 .vignette .time {
        font-size: 37px;
        font-size: 3.7rem; }
      .gallery--parcours-4 .vignette .minute {
        font-size: 37px;
        font-size: 3.7rem; } }
    @media (max-width: 639px) {
      .gallery--parcours-4 .vignette .encart {
        height: 130px;
        padding: 26.5px 26.5px 0 26.5px; }
      .gallery--parcours-4 .vignette .title {
        font-size: 26px;
        font-size: 2.6rem; }
      .gallery--parcours-4 .vignette .temps-parcours {
        font-size: 12px;
        font-size: 1.2rem; }
      .gallery--parcours-4 .vignette .time {
        font-size: 18.5px;
        font-size: 1.85rem; }
      .gallery--parcours-4 .vignette .minute {
        font-size: 18.5px;
        font-size: 1.85rem; } }
  .gallery--profils-5 {
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden; }
    @media (max-width: 639px) {
      .gallery--profils-5 {
        margin-bottom: 22.5px; } }
    .gallery--profils-5 .vignette {
      width: 20%;
      background-position: center center;
      background-size: cover;
      padding-bottom: 30%;
      display: inline-block;
      position: relative;
      vertical-align: top;
      transition: all 0.3s ease 0s;
      color: #1D1D1E; }
      .gallery--profils-5 .vignette .title {
        text-transform: uppercase;
        font-family: "loveloblack";
        font-size: 27px;
        font-size: 2.7rem; }
      .gallery--profils-5 .vignette .author {
        font-family: "bikobold";
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 10px; }
      @media (max-width: 1279px) {
        .gallery--profils-5 .vignette {
          width: 100%;
          padding-bottom: 101.563%; } }
    .gallery--profils-5 .encart {
      background-color: #FFF;
      position: absolute;
      text-align: left; }
    .gallery--profils-5 .vignette:hover, .gallery--profils-5 .vignette:focus, .gallery--profils-5 .vignette:active {
      color: #D8383F; }
    .gallery--profils-5 .vignette {
      padding-bottom: 40%;
      vertical-align: top; }
      .gallery--profils-5 .vignette .encart {
        width: 76.172%;
        left: 11.914%;
        height: 139px;
        bottom: 183px;
        padding: 40px 22px 0 22px;
        background-color: rgba(255, 255, 255, 0.9); }
        .gallery--profils-5 .vignette .encart sup {
          font-size: 16px;
          font-size: 1.6rem; }
      .gallery--profils-5 .vignette .profil {
        font-family: "atc_overlookregular";
        text-transform: uppercase;
        font-size: 18px;
        font-size: 1.8rem; }
    @media (max-width: 1279px) {
      .gallery--profils-5 .vignette {
        padding-bottom: 0;
        height: auto;
        background-image: none !important; }
        .gallery--profils-5 .vignette .encart {
          width: 100%;
          position: relative;
          bottom: 0;
          left: 0;
          text-align: center; }
        .gallery--profils-5 .vignette .profil {
          display: inline-block; }
        .gallery--profils-5 .vignette .title {
          display: inline-block; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--profils-5 {
        padding: 70px 55px 70px 55px; }
        .gallery--profils-5 .vignette .encart {
          height: 125px;
          padding: 25px 25px 0 25px;
          margin-bottom: 45px;
          padding-top: 0;
          line-height: 125px; }
        .gallery--profils-5 .vignette .title {
          font-size: 42px;
          font-size: 4.2rem; }
        .gallery--profils-5 .vignette .profil {
          font-size: 28px;
          font-size: 2.8rem;
          margin-right: 10px; } }
    @media (max-width: 639px) {
      .gallery--profils-5 {
        padding: 35px 27.5px 35px 27.5px; }
        .gallery--profils-5 .vignette .encart {
          height: 62.5px;
          padding: 12.5px 12.5px 0 12.5px;
          margin-bottom: 22.5px;
          padding-top: 0;
          line-height: 62.5px; }
        .gallery--profils-5 .vignette .title {
          font-size: 21px;
          font-size: 2.1rem; }
        .gallery--profils-5 .vignette .profil {
          font-size: 14px;
          font-size: 1.4rem;
          margin-right: 5px; } }
  @media (max-width: 639px) {
    .gallery--oeuvre-4 {
      margin-bottom: 22.5px; } }
  .gallery--oeuvre-4 .vignette {
    width: 25%;
    background-position: center center;
    background-size: cover;
    padding-bottom: 37.5%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    transition: all 0.3s ease 0s;
    color: #1D1D1E; }
    .gallery--oeuvre-4 .vignette .title {
      text-transform: uppercase;
      font-family: "loveloblack";
      font-size: 27px;
      font-size: 2.7rem; }
    .gallery--oeuvre-4 .vignette .author {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 10px; }
    @media (max-width: 1279px) {
      .gallery--oeuvre-4 .vignette {
        width: 100%;
        padding-bottom: 101.563%; } }
  .gallery--oeuvre-4 .encart {
    background-color: #FFF;
    position: absolute;
    text-align: left; }
  .gallery--oeuvre-4 .vignette:hover, .gallery--oeuvre-4 .vignette:focus, .gallery--oeuvre-4 .vignette:active {
    color: #D8383F; }
  .gallery--oeuvre-4 .vignette {
    height: auto;
    vertical-align: top;
    padding-bottom: 0; }
    .gallery--oeuvre-4 .vignette .description {
      color: #FFF;
      background-color: #2C2C2E;
      height: 100px;
      padding: 18px 5px 0px 30px;
      transition: all 0.3s ease 0s; }
    .gallery--oeuvre-4 .vignette .title {
      text-transform: none;
      font-family: "bikoregular";
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 5px;
      letter-spacing: 0.05em; }
    .gallery--oeuvre-4 .vignette .date {
      font-family: "open_sanslight";
      font-size: 16px;
      font-size: 1.6rem; }
    .gallery--oeuvre-4 .vignette .visu {
      width: 100%;
      background-position: center center;
      background-size: cover;
      display: inline-block;
      padding-bottom: 150%;
      vertical-align: top; }
    .gallery--oeuvre-4 .vignette:hover .description, .gallery--oeuvre-4 .vignette:focus .description, .gallery--oeuvre-4 .vignette:active .description {
      color: #D8383F; }
    @media (max-width: 1279px) {
      .gallery--oeuvre-4 .vignette {
        width: 50%; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--oeuvre-4 .vignette .description {
        height: 140px;
        padding: 20px 10px 0px 20px; }
      .gallery--oeuvre-4 .vignette .title {
        font-size: 28px;
        font-size: 2.8rem; }
      .gallery--oeuvre-4 .vignette .date {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media (max-width: 639px) {
      .gallery--oeuvre-4 .vignette .description {
        height: 70px;
        padding: 10px 5px 0px 10px; }
      .gallery--oeuvre-4 .vignette .title {
        font-size: 14px;
        font-size: 1.4rem; }
      .gallery--oeuvre-4 .vignette .date {
        font-size: 12px;
        font-size: 1.2rem; } }
  @media (max-width: 639px) {
    .gallery--oeuvre-6 {
      margin-bottom: 22.5px; } }
  .gallery--oeuvre-6 .vignette {
    width: 16.66667%;
    background-position: center center;
    background-size: cover;
    padding-bottom: 25%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    transition: all 0.3s ease 0s;
    color: #1D1D1E; }
    .gallery--oeuvre-6 .vignette .title {
      text-transform: uppercase;
      font-family: "loveloblack";
      font-size: 27px;
      font-size: 2.7rem; }
    .gallery--oeuvre-6 .vignette .author {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 10px; }
    @media (max-width: 1279px) {
      .gallery--oeuvre-6 .vignette {
        width: 100%;
        padding-bottom: 101.563%; } }
  .gallery--oeuvre-6 .encart {
    background-color: #FFF;
    position: absolute;
    text-align: left; }
  .gallery--oeuvre-6 .vignette:hover, .gallery--oeuvre-6 .vignette:focus, .gallery--oeuvre-6 .vignette:active {
    color: #D8383F; }
  .gallery--oeuvre-6 .vignette {
    height: auto;
    vertical-align: top;
    padding-bottom: 0; }
    .gallery--oeuvre-6 .vignette .description {
      color: #FFF;
      background-color: #2C2C2E;
      height: 100px;
      padding: 18px 5px 0px 30px;
      transition: all 0.3s ease 0s; }
    .gallery--oeuvre-6 .vignette .title {
      text-transform: none;
      font-family: "bikoregular";
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 5px;
      letter-spacing: 0.05em; }
    .gallery--oeuvre-6 .vignette .date {
      font-family: "open_sanslight";
      font-size: 16px;
      font-size: 1.6rem; }
    .gallery--oeuvre-6 .vignette .visu {
      width: 100%;
      background-position: center center;
      background-size: cover;
      display: inline-block;
      padding-bottom: 150%;
      vertical-align: top; }
    .gallery--oeuvre-6 .vignette:hover .description, .gallery--oeuvre-6 .vignette:focus .description, .gallery--oeuvre-6 .vignette:active .description {
      color: #D8383F; }
    @media (max-width: 1279px) {
      .gallery--oeuvre-6 .vignette {
        width: 50%; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--oeuvre-6 .vignette .description {
        height: 140px;
        padding: 20px 10px 0px 20px; }
      .gallery--oeuvre-6 .vignette .title {
        font-size: 28px;
        font-size: 2.8rem; }
      .gallery--oeuvre-6 .vignette .date {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media (max-width: 639px) {
      .gallery--oeuvre-6 .vignette .description {
        height: 70px;
        padding: 10px 5px 0px 10px; }
      .gallery--oeuvre-6 .vignette .title {
        font-size: 14px;
        font-size: 1.4rem; }
      .gallery--oeuvre-6 .vignette .date {
        font-size: 12px;
        font-size: 1.2rem; } }
  @media (max-width: 639px) {
    .gallery--plan-6 {
      margin-bottom: 22.5px; } }
  .gallery--plan-6 .vignette {
    width: 16.66667%;
    background-position: center center;
    background-size: cover;
    padding-bottom: 25%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    transition: all 0.3s ease 0s;
    color: #1D1D1E; }
    .gallery--plan-6 .vignette .title {
      text-transform: uppercase;
      font-family: "loveloblack";
      font-size: 27px;
      font-size: 2.7rem; }
    .gallery--plan-6 .vignette .author {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 10px; }
    @media (max-width: 1279px) {
      .gallery--plan-6 .vignette {
        width: 100%;
        padding-bottom: 101.563%; } }
  .gallery--plan-6 .encart {
    background-color: #FFF;
    position: absolute;
    text-align: left; }
  .gallery--plan-6 .vignette:hover, .gallery--plan-6 .vignette:focus, .gallery--plan-6 .vignette:active {
    color: #D8383F; }
  .gallery--plan-6 .vignette {
    height: auto;
    vertical-align: top;
    padding-bottom: 0; }
    .gallery--plan-6 .vignette .description {
      color: #FFF;
      background-color: #2C2C2E;
      height: 100px;
      padding: 18px 5px 0px 30px;
      transition: all 0.3s ease 0s; }
    .gallery--plan-6 .vignette .title {
      text-transform: none;
      font-family: "bikoregular";
      font-size: 18px;
      font-size: 1.8rem;
      margin-bottom: 5px;
      letter-spacing: 0.05em; }
    .gallery--plan-6 .vignette .date {
      font-family: "open_sanslight";
      font-size: 16px;
      font-size: 1.6rem; }
    .gallery--plan-6 .vignette .visu {
      width: 100%;
      background-position: center center;
      background-size: cover;
      display: inline-block;
      padding-bottom: 150%;
      vertical-align: top; }
    .gallery--plan-6 .vignette .indice {
      color: #FFF;
      border: solid 2px #FFF;
      border-radius: 50px;
      display: inline-block;
      height: 22px;
      width: 22px;
      font-family: "loveloblack";
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.4em;
      text-align: center;
      position: absolute;
      top: 10px;
      left: 10px; }
    .gallery--plan-6 .vignette:hover .description, .gallery--plan-6 .vignette:focus .description, .gallery--plan-6 .vignette:active .description {
      color: #D8383F; }
    @media (max-width: 1279px) {
      .gallery--plan-6 .vignette {
        width: 100%; }
        .gallery--plan-6 .vignette:hover, .gallery--plan-6 .vignette:focus, .gallery--plan-6 .vignette:active {
          color: #1D1D1E; }
        .gallery--plan-6 .vignette .indice-rwd {
          display: inline-block;
          font-family: "loveloblack";
          border: solid 1px #1D1D1E;
          border-radius: 50px;
          text-align: center; }
        .gallery--plan-6 .vignette .collection {
          display: inline-block;
          font-family: "open_sansregular";
          vertical-align: middle; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .gallery--plan-6 .vignette .caption {
        margin-left: 42px;
        margin-bottom: 25px; }
      .gallery--plan-6 .vignette .indice-rwd {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 50px;
        width: 50px;
        height: 50px;
        margin-right: 20px; }
      .gallery--plan-6 .vignette .collection {
        font-size: 26px;
        font-size: 2.6rem;
        max-width: calc(100% - 80px);
        max-width: -webkit-calc(100% - 80px); } }
    @media (max-width: 639px) {
      .gallery--plan-6 .vignette .caption {
        margin-left: 21px;
        margin-bottom: 17.5px; }
      .gallery--plan-6 .vignette .indice-rwd {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 25px;
        width: 25px;
        height: 25px;
        margin-right: 10px; }
      .gallery--plan-6 .vignette .collection {
        font-size: 13px;
        font-size: 1.3rem;
        max-width: calc(100% - 40px);
        max-width: -webkit-calc(100% - 40px); } }
  @media (max-width: 639px) {
    .gallery--incontournable-3 {
      margin-bottom: 22.5px; } }
  .gallery--incontournable-3 .vignette {
    width: 25%;
    background-position: center center;
    background-size: cover;
    padding-bottom: 37.5%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    transition: all 0.3s ease 0s;
    color: #1D1D1E; }
    .gallery--incontournable-3 .vignette .title {
      text-transform: uppercase;
      font-family: "loveloblack";
      font-size: 27px;
      font-size: 2.7rem; }
    .gallery--incontournable-3 .vignette .author {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 10px; }
    @media (max-width: 1279px) {
      .gallery--incontournable-3 .vignette {
        width: 100%;
        padding-bottom: 101.563%; } }
  .gallery--incontournable-3 .encart {
    background-color: #FFF;
    position: absolute;
    text-align: left; }
  .gallery--incontournable-3 .vignette:hover, .gallery--incontournable-3 .vignette:focus, .gallery--incontournable-3 .vignette:active {
    color: #D8383F; }
  @media (min-width: 1280px) {
    .gallery--incontournable-3 {
      text-align: center;
      padding: 0 75px; }
      .gallery--incontournable-3 .vignette {
        margin-right: 83px; }
        .gallery--incontournable-3 .vignette:last-child {
          margin-right: 0; } }
  .gallery--incontournable-3 .vignette .encart {
    width: 192px;
    min-height: 150px;
    font-family: "open_sansregular";
    font-size: 14px;
    font-size: 1.4rem;
    transition: all 0.3s ease 0s;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -75px; }
  .gallery--incontournable-3 .vignette .icon-clock {
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 18px;
    font-size: 1.8rem; }
  .gallery--incontournable-3 .vignette .temps-parcours {
    text-align: right;
    padding-right: 20px;
    position: absolute;
    bottom: 10px;
    right: 0; }
  .gallery--incontournable-3 .vignette .time {
    font-family: "loveloblack";
    font-size: 48px;
    font-size: 4.8rem;
    display: inline-block; }
  .gallery--incontournable-3 .vignette .minute {
    font-family: "bikobold";
    font-size: 48px;
    font-size: 4.8rem; }
  .gallery--incontournable-3 .vignette .parcours {
    display: block; }
  .gallery--incontournable-3 .vignette .count {
    display: block; }
  @media (max-width: 1279px) {
    .gallery--incontournable-3 .vignette {
      position: relative; } }
  @media (max-width: 1279px) and (min-width: 640px) {
    .gallery--incontournable-3 .vignette .encart {
      height: 260px;
      width: 65%;
      padding: 47px 47px 0 47px;
      top: 50%;
      margin-top: -130px;
      left: 17.5%; }
    .gallery--incontournable-3 .vignette .icon-clock {
      left: 47px;
      top: 47px;
      font-size: 40px; }
    .gallery--incontournable-3 .vignette .temps-parcours {
      font-size: 24px;
      font-size: 2.4rem;
      bottom: 47px;
      right: 47px; }
    .gallery--incontournable-3 .vignette .time {
      font-size: 82px;
      font-size: 8.2rem; }
    .gallery--incontournable-3 .vignette .minute {
      font-size: 74px;
      font-size: 7.4rem; } }
  @media (max-width: 639px) {
    .gallery--incontournable-3 .vignette .encart {
      height: 130px;
      width: 65%;
      padding: 23px 23px 0 23px;
      top: 50%;
      margin-top: -65px;
      left: 17.5%; }
    .gallery--incontournable-3 .vignette .icon-clock {
      left: 23px;
      top: 23px; }
    .gallery--incontournable-3 .vignette .temps-parcours {
      font-size: 12px;
      font-size: 1.2rem;
      bottom: 23px;
      right: 23px; }
    .gallery--incontournable-3 .vignette .time {
      font-size: 41px;
      font-size: 4.1rem; }
    .gallery--incontournable-3 .vignette .minute {
      font-size: 37px;
      font-size: 3.7rem; } }

.download--thin-2 {
  text-align: center; }
  .download--thin-2 .dossier {
    display: inline-block;
    width: 270px;
    height: 240px;
    border: solid 2px #7B7C7E;
    text-align: center;
    border-radius: 10px;
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem;
    padding: 70px 30px 0 30px;
    vertical-align: top;
    margin-right: 34px;
    transition: all 0.3s ease 0s; }
    .download--thin-2 .dossier .title {
      margin-bottom: 20px;
      height: 54px; }
    .download--thin-2 .dossier .date {
      margin-bottom: 20px; }
    .download--thin-2 .dossier:last-child {
      margin-right: 0px; }
    .download--thin-2 .dossier .icon {
      font-size: 34px;
      font-size: 3.4rem; }
    .download--thin-2 .dossier:hover, .download--thin-2 .dossier:focus, .download--thin-2 .dossier:active {
      color: #FFF;
      background-color: #7B7C7E; }
  @media (max-width: 1279px) {
    .download--thin-2 .dossier:nth-child(2n) {
      margin-right: 0; }
    .download--thin-2 .dossier:nth-child(n+3) {
      display: none; } }
  @media (max-width: 639px) {
    .download--thin-2 .dossier {
      margin-right: 0;
      margin-bottom: 0px; }
      .download--thin-2 .dossier:nth-child(n+3) {
        display: none; }
      .download--thin-2 .dossier:nth-child(n+2) {
        display: none; } }

.download--wide-4 {
  text-align: center; }
  .download--wide-4 .dossier {
    display: inline-block;
    width: 270px;
    height: 240px;
    border: solid 2px #7B7C7E;
    text-align: center;
    border-radius: 10px;
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem;
    padding: 70px 30px 0 30px;
    vertical-align: top;
    margin-right: 34px;
    transition: all 0.3s ease 0s; }
    .download--wide-4 .dossier .title {
      margin-bottom: 20px;
      height: 54px; }
    .download--wide-4 .dossier .date {
      margin-bottom: 20px; }
    .download--wide-4 .dossier:last-child {
      margin-right: 0px; }
    .download--wide-4 .dossier .icon {
      font-size: 34px;
      font-size: 3.4rem; }
    .download--wide-4 .dossier:hover, .download--wide-4 .dossier:focus, .download--wide-4 .dossier:active {
      color: #FFF;
      background-color: #7B7C7E; }
  @media (max-width: 1279px) {
    .download--wide-4 .dossier:nth-child(2n) {
      margin-right: 0; }
    .download--wide-4 .dossier:nth-child(n+3) {
      display: none; } }
  @media (max-width: 639px) {
    .download--wide-4 .dossier {
      margin-right: 0;
      margin-bottom: 0px; }
      .download--wide-4 .dossier:nth-child(n+3) {
        display: none; }
      .download--wide-4 .dossier:nth-child(n+2) {
        display: none; } }

.download--presse-4 {
  text-align: center; }
  .download--presse-4 .dossier {
    display: inline-block;
    width: 270px;
    height: 240px;
    border: solid 2px #7B7C7E;
    text-align: center;
    border-radius: 10px;
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem;
    padding: 70px 30px 0 30px;
    vertical-align: top;
    margin-right: 34px;
    transition: all 0.3s ease 0s; }
    .download--presse-4 .dossier .title {
      margin-bottom: 20px;
      height: 54px; }
    .download--presse-4 .dossier .date {
      margin-bottom: 20px; }
    .download--presse-4 .dossier:last-child {
      margin-right: 0px; }
    .download--presse-4 .dossier .icon {
      font-size: 34px;
      font-size: 3.4rem; }
    .download--presse-4 .dossier:hover, .download--presse-4 .dossier:focus, .download--presse-4 .dossier:active {
      color: #FFF;
      background-color: #7B7C7E; }
  @media (max-width: 1279px) {
    .download--presse-4 .dossier:nth-child(2n) {
      margin-right: 0; }
    .download--presse-4 .dossier:nth-child(n+3) {
      display: none; } }
  @media (max-width: 639px) {
    .download--presse-4 .dossier {
      margin-right: 0;
      margin-bottom: 0px; }
      .download--presse-4 .dossier:nth-child(n+3) {
        display: none; }
      .download--presse-4 .dossier:nth-child(n+2) {
        display: none; } }

.global-container {
  background-color: #fff; }

.fakeH1 {
  font-family: "loveloblack";
  font-size: 37px;
  font-size: 3.7rem;
  line-height: 33px; }
  @media (max-width: 639px) {
    .fakeH1 {
      font-size: 27px;
      font-size: 2.7rem; } }

.gabarit-1 {
  background-color: #fff;
  /**CSS VIDEO IFRAME**/
  /**FIN**/
  /*
	ul{
		list-style-type: disc;
		font-family:$font-opensans-bold;
		font-size: 16px;
		font-size: 1.6rem;
		li{
			margin-left: 16px;
			margin-top: 25px;
		}
	}
*/ }
  .gabarit-1 .back-to {
    max-width: 255px; }
  .gabarit-1 .categorie {
    font-size: 29px;
    font-size: 2.9rem;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
    color: #D8383F;
    font-family: "novecento_widenormal"; }
  .gabarit-1 html, .gabarit-1 body {
    height: 100%; }
  .gabarit-1 .wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto 60px;
    background: #CCC; }
  .gabarit-1 .h_iframe {
    position: relative; }
  .gabarit-1 .h_iframe .ratio {
    display: block;
    width: 100%;
    height: auto; }
  .gabarit-1 .h_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .gabarit-1 .marginTopBot {
    margin-top: 20px;
    margin-bottom: 25px; }
  .gabarit-1 .level0 {
    font-family: "open_sansbold";
    font-size: 14px;
    font-size: 1.4rem; }
  .gabarit-1 .level1,
  .gabarit-1 .level2 {
    font-family: "open_sansregular";
    font-size: 14px;
    font-size: 1.4rem; }
  .gabarit-1 .deco-agenda {
    width: 37px;
    height: 37px;
    border-top: 16px solid;
    border-right: 16px solid;
    position: absolute;
    top: 0px;
    right: 0px;
    border-color: #D8383F; }
  .gabarit-1 .event-date {
    font-family: "bikobold";
    font-size: 2.4rem;
    text-transform: uppercase;
    letter-spacing: 0.031em; }
  .gabarit-1 .background-1-col {
    height: 510px;
    width: 100%;
    background-color: #D1D3D4; }
  .gabarit-1 .container-1-col-ext-bg {
    margin: 0 auto;
    background-color: #FFF;
    width: 1400px;
    margin-top: -467px; }
  .gabarit-1 .container-1-col-ext {
    margin: 0 auto;
    background-color: #FFF;
    width: 1400px;
    margin-top: 0px; }
  .gabarit-1 .container-1-col-int-bg {
    padding: 80px 105px 0;
    color: #2C2C2E; }
  .gabarit-1 .container-1-col-int {
    padding: 0px 105px 0;
    color: #2C2C2E; }
  .gabarit-1 h1 {
    font-family: "loveloblack";
    font-size: 37px;
    font-size: 3.7rem;
    line-height: 33px;
    margin-bottom: 65px; }
    @media (max-width: 639px) {
      .gabarit-1 h1 {
        font-size: 27px;
        font-size: 2.7rem; } }
  .gabarit-1 h3 {
    font-family: "loveloblack";
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 0em; }
  .gabarit-1 .sous-titre-page {
    font-family: "novecento_widenormal";
    font-size: 29px;
    font-size: 2.9rem; }
    @media (max-width: 639px) {
      .gabarit-1 .sous-titre-page {
        font-size: 19px;
        font-size: 1.9rem; } }
  .gabarit-1 .marginBot {
    margin-bottom: 65px; }
    @media (max-width: 639px) {
      .gabarit-1 .marginBot {
        margin-bottom: 32.5px; } }
  .gabarit-1 p .chapo {
    font-family: "open_sansregular";
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 22px; }
    @media (max-width: 639px) {
      .gabarit-1 p .chapo {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 17px; } }
  .gabarit-1 .arrow-down {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem; }
  .gabarit-1 .button-arrow-down {
    width: 33px;
    margin-top: 65px;
    padding-bottom: 35px; }
  .gabarit-1 .lock-bar--down {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 500px;
    height: 28px;
    margin-bottom: 60px;
    border-color: #1D1D1E;
    border-top: none;
    margin-top: 25px; }
    @media (max-width: 1279px) {
      .gabarit-1 .lock-bar--down {
        width: 100%; } }
    @media (max-width: 639px) {
      .gabarit-1 .lock-bar--down {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .gabarit-1 .lock-bar--up {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 500px;
    height: 28px;
    margin-bottom: 60px;
    border-color: #1D1D1E;
    border-bottom: none; }
    @media (max-width: 1279px) {
      .gabarit-1 .lock-bar--up {
        width: 100%; } }
    @media (max-width: 639px) {
      .gabarit-1 .lock-bar--up {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .gabarit-1 .download-file p {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px; }
  .gabarit-1 .download-file .miniTitre {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2rem; }
  .gabarit-1 .textePuce {
    display: block;
    font-family: "open_sansregular";
    font-size: 16px;
    font-size: 1.6rem; }
  .gabarit-1 .texteSansPuce {
    font-family: "open_sansregular";
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 25px; }
  .gabarit-1 .opensansbold {
    font-family: "open_sansbold"; }
  .gabarit-1 .littleSeparator {
    margin-top: 0px;
    margin-bottom: 55px;
    border-color: #1D1D1E; }
  .gabarit-1 .buttonCall {
    margin-top: 0px;
    margin-bottom: 60px; }
  .gabarit-1 .callToAction--dark {
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px;
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 500px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    /*
		@media(max-width: 1279px){
			display: none;
		}*/ }
    .gabarit-1 .callToAction--dark .st0 {
      transition: all 0.3s ease 0s; }
    @media (max-width: 639px) {
      .gabarit-1 .callToAction--dark {
        padding-left: 30px; } }
    .gabarit-1 .callToAction--dark .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; }
      @media (max-width: 639px) {
        .gabarit-1 .callToAction--dark .icon {
          top: 33%;
          font-size: 15px;
          font-size: 1.5rem;
          left: 17.5px; } }
    .gabarit-1 .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .gabarit-1 .callToAction--dark:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .gabarit-1 .callToAction--dark {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .gabarit-1 .callToAction--dark {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .gabarit-1 .callToAction--dark:before {
          height: 40.5px; } }
    .gabarit-1 .callToAction--dark:hover, .gabarit-1 .callToAction--dark:focus, .gabarit-1 .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
  .gabarit-1 .sliderGabarit1 {
    position: relative; }
    .gabarit-1 .sliderGabarit1 .bxSlider {
      margin-bottom: 0px; }
    .gabarit-1 .sliderGabarit1 .bx-wrapper {
      margin-bottom: 0px; }
      .gabarit-1 .sliderGabarit1 .bx-wrapper .bx-viewport {
        height: 290px;
        border: 0px solid #FFF;
        left: 0px; }
    .gabarit-1 .sliderGabarit1 #pagerSquare {
      position: absolute;
      bottom: 10px;
      right: 12px; }
      .gabarit-1 .sliderGabarit1 #pagerSquare .pager-square {
        width: 22px;
        height: 22px;
        background-color: transparent;
        border: 4px solid #FFF;
        display: inline-block; }
      .gabarit-1 .sliderGabarit1 #pagerSquare a.active {
        background-color: #FFF;
        display: inline-block; }
    .gabarit-1 .sliderGabarit1 #sliderGab1 ul {
      margin-top: 0px;
      margin-left: 0px; }
    .gabarit-1 .sliderGabarit1 #sliderGab1 li {
      height: 290px;
      width: 510px;
      margin-top: 0px;
      margin-left: 0px;
      background-size: cover;
      background-position: center center; }
    .gabarit-1 .sliderGabarit1 .arrowSlider {
      position: absolute; }
      .gabarit-1 .sliderGabarit1 .arrowSlider a {
        width: 35.5px;
        height: 48.9px;
        display: inline-block;
        position: absolute;
        margin-left: -36px; }
    .gabarit-1 .sliderGabarit1 #prevPage {
      left: -110px;
      top: 50%;
      font-size: 47px;
      font-size: 4.7rem;
      transition: all 0.3s ease 0s; }
      .gabarit-1 .sliderGabarit1 #prevPage:hover .icon,
      .gabarit-1 .sliderGabarit1 #prevPage:active .icon,
      .gabarit-1 .sliderGabarit1 #prevPage:focus .icon {
        color: #D8383F;
        transition: all 0.3s ease 0s; }
    .gabarit-1 .sliderGabarit1 #nextPage {
      right: -110px;
      top: 50%;
      font-size: 47px;
      font-size: 4.7rem;
      transition: all 0.3s ease 0s; }
      .gabarit-1 .sliderGabarit1 #nextPage:hover .icon,
      .gabarit-1 .sliderGabarit1 #nextPage:active .icon,
      .gabarit-1 .sliderGabarit1 #nextPage:focus .icon {
        color: #D8383F;
        transition: all 0.3s ease 0s; }
  .gabarit-1 .btn-ticket {
    margin-right: 0;
    font-size: 14px;
    padding: 15px 20px;
    min-height: auto;
    line-height: 20px; }
    .gabarit-1 .btn-ticket:before {
      content: none; }
    .gabarit-1 .btn-ticket .icon {
      position: initial;
      margin-left: 25px; }

.class_identifier_page_thin .yosemite-rte {
  margin-bottom: 75px; }

.class_identifier_page_thin .sliderGabarit {
  margin-bottom: 20px; }

.class_identifier_page_thin .download--thin-2 {
  margin-bottom: 55px; }

.class_identifier_page_thin .artips {
  /*
		h2{
			font-family:$font-biko-bold;
			font-size: 37px;
			font-size: 3.7rem;
		}
		.sous-titre-page{
			font-family: $font-biko-regular;
			font-size: 29px;
			font-size: 2.9rem;
		}
		h3{
			font-family: $font-biko-regular;
			font-size:39px;
			font-size: 3.9rem;
			margin-bottom:60px;
		}*/ }
  .class_identifier_page_thin .artips .img-artips {
    max-height: 400px;
    padding-bottom: 58.1%;
    background-repeat: no-repeat;
    background-size: cover; }

.class_group_content.class_identifier_page_thin .rte-contain.bloc_text {
  width: 1400px; }

.gabarit-1 .sliderGabarit .bx-wrapper .bx-viewport {
  height: 580px !important; }

.gabarit-1 .sliderGabarit .bxslider li {
  height: 580px !important;
  width: 1010px !important; }

@media (min-width: 640px) and (max-width: 1279px) {
  .gabarit-1 .container-1-col-ext {
    width: 100%; }
  .gabarit-1 .container-1-col-int {
    width: 100%;
    padding: 0 55px; }
  .gabarit-1 .container-1-col-ext-bg {
    margin: 0px auto;
    width: 100%; }
  .gabarit-1 .container-1-col-int-bg {
    color: #2C2C2E;
    padding: 40px 55px 40px;
    width: 100%; }
  .gabarit-1 .background-1-col {
    height: 340px;
    width: 100%; }
  .gabarit-1 .categorie {
    font-size: 29px;
    font-size: 2.9rem;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
    color: #D8383F;
    font-family: "novecento_widenormal"; }
  .gabarit-1 .marginTopBot {
    margin-top: 20px;
    margin-bottom: 25px; }
  .gabarit-1 .lvl0 {
    font-family: "open_sansbold";
    font-size: 26px;
    font-size: 2.6rem; }
  .gabarit-1 .lvl1,
  .gabarit-1 .lvl2 {
    font-family: "open_sansregular";
    font-size: 26px;
    font-size: 2.6rem; }
  .gabarit-1 .deco-agenda {
    width: 37px;
    height: 37px;
    border-top: 16px solid;
    border-right: 16px solid;
    position: absolute;
    top: 0px;
    right: 0px;
    border-color: #D8383F; }
  .gabarit-1 .no-contain-mobile {
    width: 100%;
    padding: 0 !important; }
  .gabarit-1 p .chapo {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 31.2px; }
  .gabarit-1 .download-file .miniTitre {
    font-family: "bikobold";
    font-size: 36px;
    font-size: 3.6rem; } }

@media (max-width: 639px) {
  .gabarit-1 .container-1-col-ext {
    width: 100%; }
  .gabarit-1 .container-1-col-int {
    width: 100%;
    padding: 0 27.5px; }
  .gabarit-1 .container-1-col-ext-bg {
    margin: 0px auto;
    width: 100%; }
  .gabarit-1 .container-1-col-int-bg {
    color: #2C2C2E;
    padding: 20px 27.5px 20px;
    width: 100%; }
  .gabarit-1 .background-1-col {
    height: 170px;
    width: 100%; }
  .gabarit-1 .lvl0 {
    font-family: "open_sansbold";
    font-size: 13px;
    font-size: 1.3rem; }
  .gabarit-1 .lvl1,
  .gabarit-1 .lvl2 {
    font-family: "open_sansregular";
    font-size: 13px;
    font-size: 1.3rem; }
  .gabarit-1 .no-contain-mobile {
    width: 100%;
    padding: 0 !important; }
  .gabarit-1 .download-file .miniTitre {
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem; } }

.scrollTo--picto {
  background-color: transparent;
  border: solid 3px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0 10px;
  transition: all 0.3s ease 0s;
  min-height: 100px;
  width: 420px;
  color: #1D1D1E;
  border-color: #1D1D1E;
  display: inline-block;
  border: none;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  font-family: "bikobold";
  position: relative; }
  .scrollTo--picto .innerContent {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px; }
  .scrollTo--picto:before {
    content: '';
    height: 100px;
    display: inline-block;
    vertical-align: middle; }
  .scrollTo--picto .innerContent {
    letter-spacing: 0.08em; }
  .scrollTo--picto .subtitle {
    letter-spacing: normal;
    margin-top: 3px; }
  @media (max-width: 1279px) {
    .scrollTo--picto {
      display: block;
      width: 100%;
      padding-left: 55px;
      min-height: 1px; }
      .scrollTo--picto:before {
        height: 100%; } }
  @media (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--picto {
      font-size: 28px;
      height: 126px;
      margin-bottom: 46px; } }
  @media (max-width: 639px) {
    .scrollTo--picto {
      font-size: 14px;
      height: 63px;
      margin-bottom: 43px; } }
  .scrollTo--picto:hover, .scrollTo--picto:focus, .scrollTo--picto:active {
    color: #D8383F;
    border-color: #D8383F; }
  .scrollTo--picto .st0 {
    transition: all 0.3s ease 0s; }

.anchor-contain {
  position: relative;
  top: 120px; }
  @media (max-width: 1279px) {
    .anchor-contain {
      top: 70px; } }
  @media (max-width: 639px) {
    .anchor-contain {
      top: 35px; } }

.container--wide {
  width: 985px;
  margin: 0 auto; }
  @media (max-width: 1279px) {
    .container--wide {
      width: 100%;
      padding-left: 55px;
      padding-right: 55px; } }
  @media (max-width: 639px) {
    .container--wide {
      width: 100%;
      padding-left: 27.5px;
      padding-right: 27.5px; } }

.banner--wide {
  background-position: center center;
  background-size: cover;
  padding-bottom: 185px;
  min-height: 620px;
  position: relative; }
  .banner--wide #scroll0 .icon-chevron-down {
    color: white; }
  @media (max-width: 1279px) {
    .banner--wide {
      min-height: 1015px; } }
  @media (max-width: 639px) {
    .banner--wide {
      min-height: 507.5px; } }

.class_group_content.class_identifier_page_wide, .class_group_content.class_identifier_page_thin {
  background-color: white; }
  .class_group_content.class_identifier_page_wide .icon-chevron-up.has-scroll, .class_group_content.class_identifier_page_thin .icon-chevron-up.has-scroll {
    margin-bottom: 40px; }
  .class_group_content.class_identifier_page_wide .sliderGabarit, .class_group_content.class_identifier_page_thin .sliderGabarit {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1010px; }
  .class_group_content.class_identifier_page_wide .section--wide-1, .class_group_content.class_identifier_page_wide .section--wide-2, .class_group_content.class_identifier_page_thin .section--wide-1, .class_group_content.class_identifier_page_thin .section--wide-2 {
    overflow: visible; }
  .class_group_content.class_identifier_page_wide .skiptocontent, .class_group_content.class_identifier_page_thin .skiptocontent {
    background-color: #FFF; }
  .class_group_content.class_identifier_page_wide h2, .class_group_content.class_identifier_page_thin h2 {
    font-family: "loveloblack";
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 40px; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide h2, .class_group_content.class_identifier_page_thin h2 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 20px; } }
  .class_group_content.class_identifier_page_wide h3, .class_group_content.class_identifier_page_thin h3 {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 25px;
    margin-top: 40px; }
  .class_group_content.class_identifier_page_wide .triangle, .class_group_content.class_identifier_page_thin .triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    display: inline-block;
    margin-top: 20px; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .triangle, .class_group_content.class_identifier_page_thin .triangle {
        margin-top: 10px;
        border-width: 5px; } }
  .class_group_content.class_identifier_page_wide .title-icon .icon, .class_group_content.class_identifier_page_thin .title-icon .icon {
    font-size: 72px;
    font-size: 7.2rem; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .title-icon .icon, .class_group_content.class_identifier_page_thin .title-icon .icon {
        font-size: 36px;
        font-size: 3.6rem; } }
  .class_group_content.class_identifier_page_wide .banner--wide-2 .title-icon .icon, .class_group_content.class_identifier_page_wide .banner--3 .title-icon .icon, .class_group_content.class_identifier_page_thin .banner--wide-2 .title-icon .icon, .class_group_content.class_identifier_page_thin .banner--3 .title-icon .icon {
    color: white; }
  .class_group_content.class_identifier_page_wide .rte-contain, .class_group_content.class_identifier_page_thin .rte-contain {
    width: 540px;
    background-color: #FFF;
    text-align: left;
    display: inline-block;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .class_group_content.class_identifier_page_wide .rte-contain .yosemite-rte:first-child, .class_group_content.class_identifier_page_thin .rte-contain .yosemite-rte:first-child {
      margin-top: 40px; }
      @media (max-width: 639px) {
        .class_group_content.class_identifier_page_wide .rte-contain .yosemite-rte:first-child, .class_group_content.class_identifier_page_thin .rte-contain .yosemite-rte:first-child {
          margin-top: 20px; } }
      .class_group_content.class_identifier_page_wide .rte-contain .yosemite-rte:first-child *:first-child, .class_group_content.class_identifier_page_thin .rte-contain .yosemite-rte:first-child *:first-child {
        margin-top: 0; }
    .class_group_content.class_identifier_page_wide .rte-contain.col-2, .class_group_content.class_identifier_page_thin .rte-contain.col-2 {
      width: 900px;
      padding: 45px 40px 0; }
    .class_group_content.class_identifier_page_wide .rte-contain .rte-col-left, .class_group_content.class_identifier_page_wide .rte-contain .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-left, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-right {
      width: calc(50% - 40px);
      background-color: #FFF;
      display: inline-block; }
    @media (min-width: 1280px) {
      .class_group_content.class_identifier_page_wide .rte-contain .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-right {
        float: right; } }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .rte-contain, .class_group_content.class_identifier_page_thin .rte-contain {
        width: 100%;
        padding-left: 55px;
        padding-right: 55px; }
        .class_group_content.class_identifier_page_wide .rte-contain.col-2, .class_group_content.class_identifier_page_thin .rte-contain.col-2 {
          width: 100%; }
        .class_group_content.class_identifier_page_wide .rte-contain .rte-col-left, .class_group_content.class_identifier_page_wide .rte-contain .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-left, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-right {
          width: 100%; } }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .rte-contain, .class_group_content.class_identifier_page_thin .rte-contain {
        width: 100%;
        padding-left: 27.5px;
        padding-right: 27.5px;
        margin-bottom: 30px; }
        .class_group_content.class_identifier_page_wide .rte-contain.col-2, .class_group_content.class_identifier_page_thin .rte-contain.col-2 {
          width: 100%;
          margin-bottom: 30px; }
        .class_group_content.class_identifier_page_wide .rte-contain .rte-col-left, .class_group_content.class_identifier_page_wide .rte-contain .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-left, .class_group_content.class_identifier_page_thin .rte-contain .rte-col-right {
          width: 100%; } }
  .class_group_content.class_identifier_page_wide .callToAction--dark, .class_group_content.class_identifier_page_thin .callToAction--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 500px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .class_group_content.class_identifier_page_wide .callToAction--dark .innerContent, .class_group_content.class_identifier_page_thin .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .class_group_content.class_identifier_page_wide .callToAction--dark:before, .class_group_content.class_identifier_page_thin .callToAction--dark:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 640px) and (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .callToAction--dark, .class_group_content.class_identifier_page_thin .callToAction--dark {
        font-size: 28px;
        border-width: 5px; } }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .callToAction--dark, .class_group_content.class_identifier_page_thin .callToAction--dark {
        font-size: 14px;
        height: auto;
        min-height: 42.5px;
        margin-bottom: 22.5px; }
        .class_group_content.class_identifier_page_wide .callToAction--dark:before, .class_group_content.class_identifier_page_thin .callToAction--dark:before {
          height: 40.5px; } }
    .class_group_content.class_identifier_page_wide .callToAction--dark:hover, .class_group_content.class_identifier_page_wide .callToAction--dark:focus, .class_group_content.class_identifier_page_wide .callToAction--dark:active, .class_group_content.class_identifier_page_thin .callToAction--dark:hover, .class_group_content.class_identifier_page_thin .callToAction--dark:focus, .class_group_content.class_identifier_page_thin .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
  .class_group_content.class_identifier_page_wide .section--wide-1, .class_group_content.class_identifier_page_thin .section--wide-1 {
    background-color: #FFF;
    padding-bottom: 40px; }
    .class_group_content.class_identifier_page_wide .section--wide-1 .yosemite-rte:first-child, .class_group_content.class_identifier_page_thin .section--wide-1 .yosemite-rte:first-child {
      margin-top: 60px; }
      @media (max-width: 639px) {
        .class_group_content.class_identifier_page_wide .section--wide-1 .yosemite-rte:first-child, .class_group_content.class_identifier_page_thin .section--wide-1 .yosemite-rte:first-child {
          margin-top: 30px; } }
      .class_group_content.class_identifier_page_wide .section--wide-1 .yosemite-rte:first-child *:first-child, .class_group_content.class_identifier_page_thin .section--wide-1 .yosemite-rte:first-child *:first-child {
        margin-top: 0; }
    .class_group_content.class_identifier_page_wide .section--wide-1 .svg-picto-empty, .class_group_content.class_identifier_page_thin .section--wide-1 .svg-picto-empty {
      height: 72px; }
    .class_group_content.class_identifier_page_wide .section--wide-1 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-1 .container--wide {
      position: relative;
      top: -130px;
      margin-bottom: -130px;
      padding: 55px 40px 0px 40px;
      background-color: #FFF;
      min-height: 130px; }
    .class_group_content.class_identifier_page_wide .section--wide-1 .callToAction--dark, .class_group_content.class_identifier_page_thin .section--wide-1 .callToAction--dark {
      margin-bottom: 30px; }
    .class_group_content.class_identifier_page_wide .section--wide-1 .svg-picto-scrollTo .st0, .class_group_content.class_identifier_page_thin .section--wide-1 .svg-picto-scrollTo .st0 {
      stroke: #1D1D1E; }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .section--wide-1 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-1 .container--wide {
        top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; } }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .section--wide-1 .callToAction--dark, .class_group_content.class_identifier_page_thin .section--wide-1 .callToAction--dark {
        margin-bottom: 0; } }
  @media (max-width: 1279px) {
    .class_group_content.class_identifier_page_wide .banner--wide-2, .class_group_content.class_identifier_page_thin .banner--wide-2 {
      min-height: 345px; } }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .banner--wide-2, .class_group_content.class_identifier_page_thin .banner--wide-2 {
      min-height: 172.5px; } }
  .class_group_content.class_identifier_page_wide .container--wide-2, .class_group_content.class_identifier_page_thin .container--wide-2 {
    position: relative;
    top: 70px; }
    .class_group_content.class_identifier_page_wide .container--wide-2 h2, .class_group_content.class_identifier_page_thin .container--wide-2 h2 {
      color: #FFF; }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .container--wide-2, .class_group_content.class_identifier_page_thin .container--wide-2 {
        position: absolute;
        bottom: 60px; } }
  .class_group_content.class_identifier_page_wide .section--wide-2, .class_group_content.class_identifier_page_thin .section--wide-2 {
    background-color: #FFF; }
    .class_group_content.class_identifier_page_wide .section--wide-2 .has-scroll, .class_group_content.class_identifier_page_thin .section--wide-2 .has-scroll {
      margin-bottom: 40px; }
    .class_group_content.class_identifier_page_wide .section--wide-2 h2, .class_group_content.class_identifier_page_thin .section--wide-2 h2 {
      color: #FFF; }
    .class_group_content.class_identifier_page_wide .section--wide-2 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-2 .container--wide {
      width: 1090px;
      position: relative;
      top: -295px;
      margin-bottom: -295px;
      padding: 45px 40px 0px 40px;
      background-color: #FFF;
      min-height: 295px; }
      @media (max-width: 1279px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-2 .container--wide {
          min-height: 0; } }
    .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit {
      text-align: left;
      overflow: auto; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
        background-size: cover;
        background-position: center, center;
        display: inline-block;
        content: '';
        vertical-align: top; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .right, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .right {
        display: inline-block;
        vertical-align: top; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .date, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .date {
        font-size: 33px;
        font-size: 3.3rem;
        font-family: "loveloblack";
        display: inline-block; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .categorie, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .categorie {
        margin-left: 10px;
        font-size: 30px;
        font-size: 3.0rem;
        font-family: "novecento_widenormal";
        display: inline-block; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .title, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .title {
        display: block;
        font-size: 30px;
        font-size: 3.0rem;
        font-family: "novecento_widenormal";
        margin-bottom: 15px;
        line-height: 30px; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .tiret, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .tiret {
        font-size: 30px;
        font-size: 3.0rem;
        font-family: "novecento_widenormal";
        display: inline-block; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text {
        display: inline-block;
        padding-right: 20px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location {
          font-size: 14px;
          font-size: 1.4rem;
          margin-bottom: 15px; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location .place, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location .place {
            font-family: "open_sansbold";
            display: inline-block; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location .details, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location .details {
            font-family: "open_sansregular";
            display: inline-block; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .contain--learn-more, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .contain--learn-more {
        display: inline-block;
        vertical-align: top; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .contain--learn-more .callToAction--pictoAfter, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .contain--learn-more .callToAction--pictoAfter {
          vertical-align: middle;
          display: inline-block; }
      @media (max-width: 1279px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
          width: 100%;
          position: relative; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu:after, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu:after {
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 17.5px solid transparent;
            border-right: 17.5px solid transparent;
            border-bottom: 18px solid #FFF;
            position: absolute;
            left: 50%;
            margin-left: -17.5px;
            bottom: 0; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .right, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .right {
          height: auto;
          width: 100%; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text {
          padding-right: 0; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location .place .divider, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location .place .divider {
            display: none; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .contain--learn-more, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .contain--learn-more {
          display: block; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .contain--learn-more:before, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .contain--learn-more:before {
            display: none; } }
      @media (min-width: 640px) and (max-width: 1279px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
          margin-bottom: 50px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .right, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .right {
          padding-left: 55px;
          padding-right: 55px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location {
          font-size: 26px;
          font-size: 2.6rem;
          margin-bottom: 50px; } }
      @media (max-width: 639px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
          margin-bottom: 25px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .right, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .right {
          padding-left: 27.5px;
          padding-right: 27.5px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .date, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .date {
          font-size: 1635px;
          font-size: 1.65rem; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .categorie, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .categorie {
          font-size: 15px;
          font-size: 1.5rem; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .title, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .title {
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 15px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .tiret, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .tiret {
          font-size: 15px;
          font-size: 1.5rem; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head .categorie, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head .categorie {
          margin-left: 5px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text .location, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text .location {
          font-size: 13px;
          font-size: 1.3rem;
          margin-bottom: 25px; } }
      @media (min-width: 1280px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit {
          width: 1000px; }
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .callToAction--pictoAfter, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .callToAction--pictoAfter {
            border-width: 2px; } }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .actu--item, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .actu--item {
        margin-bottom: 45px; }
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .actu--item .yosemite-rte p, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .actu--item .yosemite-rte p {
          font-family: "open_sanslight"; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
        height: 235px; }
        @media (min-width: 1280px) {
          .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .visu, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .visu {
            width: 180px;
            margin-right: 45px; } }
      @media (min-width: 1280px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .right, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .right {
          height: auto;
          min-height: 235px; } }
      @media (min-width: 1280px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .head, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .head {
          width: 775px; } }
      @media (min-width: 1280px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .text, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .text {
          width: 600px; } }
      @media (max-width: 639px) {
        .class_group_content.class_identifier_page_wide .section--wide-2 .actu-list--gabarit .actu--item, .class_group_content.class_identifier_page_thin .section--wide-2 .actu-list--gabarit .actu--item {
          margin-bottom: 22.5px; } }
    .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda {
      background-color: transparent;
      border: solid 3px;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      cursor: pointer;
      padding: 0 10px;
      transition: all 0.3s ease 0s;
      min-height: 85px;
      width: 550px;
      color: #1D1D1E;
      border-color: #1D1D1E;
      position: relative;
      font-size: 24px;
      font-size: 2.4rem;
      margin-bottom: 30px; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda .innerContent, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda .innerContent {
        display: inline-block;
        vertical-align: middle;
        max-width: 450px; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:before, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:before {
        content: '';
        height: 85px;
        display: inline-block;
        vertical-align: middle; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:hover, .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:focus, .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:active, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:hover, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:focus, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:active {
        color: #D8383F;
        border-color: #D8383F; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda .st0 {
        transition: all 0.3s ease 0s; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda .svg-picto-archive, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda .svg-picto-archive {
        content: '';
        display: inline-block;
        position: absolute;
        background-repeat: no-repeat;
        top: 25px;
        left: 35px; }
        @media (max-width: 639px) {
          .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda .svg-picto-archive, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda .svg-picto-archive {
            height: 13.451px;
            top: 33%; } }
        .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda .svg-picto-archive .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda .svg-picto-archive .st0 {
          fill: #1D1D1E; }
      .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:hover .svg-picto-archive .st0, .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:active .svg-picto-archive .st0, .class_group_content.class_identifier_page_wide .section--wide-2 .callToAction--picto-agenda:focus .svg-picto-archive .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:hover .svg-picto-archive .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:active .svg-picto-archive .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .callToAction--picto-agenda:focus .svg-picto-archive .st0 {
        fill: #D8383F; }
    .class_group_content.class_identifier_page_wide .section--wide-2 .svg-picto-scrollTo .st0, .class_group_content.class_identifier_page_thin .section--wide-2 .svg-picto-scrollTo .st0 {
      stroke: #1D1D1E; }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .section--wide-2 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-2 .container--wide {
        width: 100%;
        top: 0;
        margin-bottom: 0;
        padding: 0; } }
  .class_group_content.class_identifier_page_wide .download-title, .class_group_content.class_identifier_page_thin .download-title {
    margin-bottom: 40px; }
  .class_group_content.class_identifier_page_wide .download--wide-4, .class_group_content.class_identifier_page_thin .download--wide-4 {
    margin-bottom: 35px;
    margin-top: 10px; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .download--wide-4, .class_group_content.class_identifier_page_thin .download--wide-4 {
        margin-bottom: 17.5px; } }
    .class_group_content.class_identifier_page_wide .download--wide-4 + .callToAction--dark, .class_group_content.class_identifier_page_thin .download--wide-4 + .callToAction--dark {
      margin-top: 25px; }
  .class_group_content.class_identifier_page_wide .lock-bar--down, .class_group_content.class_identifier_page_thin .lock-bar--down {
    display: inline-block;
    border-style: solid;
    border-width: 16px;
    width: 900px;
    height: 28px;
    margin-bottom: 60px;
    border-color: #1D1D1E;
    border-top: none; }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .lock-bar--down, .class_group_content.class_identifier_page_thin .lock-bar--down {
        width: 100%; } }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .lock-bar--down, .class_group_content.class_identifier_page_thin .lock-bar--down {
        margin-top: 40px;
        margin-bottom: 30px; } }
  .class_group_content.class_identifier_page_wide .acces-rapides, .class_group_content.class_identifier_page_thin .acces-rapides {
    width: 825px;
    display: inline-block;
    margin-bottom: 170px;
    margin-top: 65px;
    text-align: center; }
    .class_group_content.class_identifier_page_wide .acces-rapides .item, .class_group_content.class_identifier_page_thin .acces-rapides .item {
      display: inline-block;
      text-align: center;
      width: 272px;
      vertical-align: top;
      padding-left: 30px;
      padding-right: 30px; }
      .class_group_content.class_identifier_page_wide .acces-rapides .item:first-child, .class_group_content.class_identifier_page_thin .acces-rapides .item:first-child {
        padding-left: 0; }
      .class_group_content.class_identifier_page_wide .acces-rapides .item:nth-child(n+3), .class_group_content.class_identifier_page_thin .acces-rapides .item:nth-child(n+3) {
        padding-right: 0; }
    .class_group_content.class_identifier_page_wide .acces-rapides .access-title, .class_group_content.class_identifier_page_thin .acces-rapides .access-title {
      transition: all 0.3s ease 0s;
      font-size: 16px;
      font-size: 1.6rem; }
      .class_group_content.class_identifier_page_wide .acces-rapides .access-title .icon, .class_group_content.class_identifier_page_thin .acces-rapides .access-title .icon {
        position: relative;
        top: -1px; }
    .class_group_content.class_identifier_page_wide .acces-rapides .icon-administrable, .class_group_content.class_identifier_page_thin .acces-rapides .icon-administrable {
      font-size: 47px;
      font-size: 4.7rem;
      margin-bottom: 35px; }
      .class_group_content.class_identifier_page_wide .acces-rapides .icon-administrable .icon, .class_group_content.class_identifier_page_thin .acces-rapides .icon-administrable .icon {
        position: relative;
        top: -1px; }
  @media (max-width: 1279px) {
    .class_group_content.class_identifier_page_wide .banner--wide.banner--3, .class_group_content.class_identifier_page_thin .banner--wide.banner--3 {
      min-height: 345px; }
    .class_group_content.class_identifier_page_wide .section--wide-3 .container--wide, .class_group_content.class_identifier_page_thin .section--wide-3 .container--wide {
      top: 0;
      margin-bottom: 0;
      width: 100%;
      padding: 0; }
    .class_group_content.class_identifier_page_wide .article-actu .callToAction--pictoAfter .svg-picto-more, .class_group_content.class_identifier_page_thin .article-actu .callToAction--pictoAfter .svg-picto-more {
      width: 17px;
      height: 17px; } }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .download-title, .class_group_content.class_identifier_page_thin .download-title {
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 27.5px;
      padding-right: 27.5px; } }
  @media (max-width: 1279px) {
    .class_group_content.class_identifier_page_wide .callToAction--picto-agenda, .class_group_content.class_identifier_page_thin .callToAction--picto-agenda {
      display: none !important; }
    .class_group_content.class_identifier_page_wide .sliderGabarit .nextPage, .class_group_content.class_identifier_page_wide .sliderGabarit .prevPage, .class_group_content.class_identifier_page_thin .sliderGabarit .nextPage, .class_group_content.class_identifier_page_thin .sliderGabarit .prevPage {
      display: none; } }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .svg-picto-scrollTop, .class_group_content.class_identifier_page_thin .svg-picto-scrollTop {
      display: none !important; } }

.yosemite-rte {
  font-family: "open_sansregular";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em; }
  .yosemite-rte h3 {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 25px;
    margin-top: 40px; }
  .yosemite-rte p {
    margin-bottom: 15px; }
  .yosemite-rte a {
    font-weight: bold; }
    .yosemite-rte a:hover, .yosemite-rte a:focus, .yosemite-rte a:active {
      text-decoration: underline; }
  .yosemite-rte strong {
    font-family: "open_sansbold"; }
  .yosemite-rte li {
    margin-bottom: 23px; }
    .yosemite-rte li:before {
      content: '\2022';
      display: inline-block;
      font-family: "open_sansbold";
      margin-right: 3px; }
  .yosemite-rte .mailto {
    color: #D8383F;
    display: block; }
  .yosemite-rte .callToAction--pictoAfter {
    margin-top: 5px;
    width: auto;
    padding-left: 20px;
    padding-right: 30px;
    color: inherit; }
    .yosemite-rte .callToAction--pictoAfter:hover, .yosemite-rte .callToAction--pictoAfter:focus, .yosemite-rte .callToAction--pictoAfter:active {
      color: #D8383F; }
  .yosemite-rte .button--rte {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 30px;
    width: 278px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: none;
    font-family: "bikobold";
    font-size: 18px;
    letter-spacing: 0.064em;
    display: inline-block;
    border: solid 1px #1D1D1E; }
    .yosemite-rte .button--rte .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .yosemite-rte .button--rte:before {
      content: '';
      height: 30px;
      display: inline-block;
      vertical-align: middle; }
    @media (max-width: 1279px) {
      .yosemite-rte .button--rte {
        border-width: 2px; } }
    @media (min-width: 640px) and (max-width: 1279px) {
      .yosemite-rte .button--rte {
        font-size: 28px;
        min-height: 45px; }
        .yosemite-rte .button--rte:before {
          height: 45px; } }
    @media (max-width: 639px) {
      .yosemite-rte .button--rte {
        font-size: 14px;
        min-height: 22.5px; }
        .yosemite-rte .button--rte:before {
          height: 22.5px; } }
    .yosemite-rte .button--rte:hover, .yosemite-rte .button--rte:focus, .yosemite-rte .button--rte:active {
      color: #D8383F;
      border-color: #D8383F; }
    .yosemite-rte .button--rte.more {
      padding-top: 3px; }
      .yosemite-rte .button--rte.more .icon {
        position: relative;
        top: -1px; }
  @media (max-width: 1279px) and (min-width: 640px) {
    .yosemite-rte {
      font-size: 26px;
      font-size: 2.6rem; }
      .yosemite-rte h2 {
        font-size: 37px;
        font-size: 3.7rem; }
      .yosemite-rte h3 {
        font-size: 26px;
        font-size: 2.6rem; } }
  @media (max-width: 639px) {
    .yosemite-rte {
      font-size: 13px;
      font-size: 1.3rem; }
      .yosemite-rte p {
        margin-bottom: 7.5px; }
      .yosemite-rte h2 {
        font-size: 18.5px;
        font-size: 1.85rem; }
      .yosemite-rte h3 {
        margin-top: 20px;
        margin-bottom: 12.5px; }
      .yosemite-rte li {
        margin-bottom: 16.5px; } }

.class_identifier_page_wide .yosemite-rte:first-child {
  margin-top: 60px; }
  .class_identifier_page_wide .yosemite-rte:first-child *:first-child {
    margin-top: 0; }
  @media (max-width: 639px) {
    .class_identifier_page_wide .yosemite-rte:first-child {
      margin-top: 30px; } }

#instagram .title {
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center; }
  #instagram .title .icon {
    font-size: 45px;
    color: #ffffff;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px; }
  #instagram .title .text {
    display: inline-block;
    vertical-align: top; }
    #instagram .title .text h2 {
      color: #f7f7f7;
      font-family: 'loveloblack', sans-serif;
      text-align: left; }
    #instagram .title .text .subtitle {
      font-family: "novecento_widebook", sans-serif;
      font-size: 24px;
      font-size: 2.4rem;
      color: #f7f7f7;
      text-align: left; }

#instagram .insta-gallery {
  display: -ms-flexbox;
  display: flex; }
  #instagram .insta-gallery li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    #instagram .insta-gallery li a {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 100%;
      padding-bottom: 100%;
      position: relative; }
      #instagram .insta-gallery li a:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease 0s; }
      #instagram .insta-gallery li a:hover:after, #instagram .insta-gallery li a:focus:after, #instagram .insta-gallery li a:active:after {
        background-color: rgba(216, 56, 63, 0.78); }

@media (max-width: 1279px) and (min-width: 640px) {
  #instagram .insta-gallery li {
    width: 50%; }
    #instagram .insta-gallery li a {
      padding-bottom: 100%; }
    #instagram .insta-gallery li:last-child {
      display: none; } }

@media (max-width: 639px) {
  #instagram .insta-gallery {
    display: block; }
    #instagram .insta-gallery li {
      width: 100%; }
      #instagram .insta-gallery li a {
        padding-bottom: 100%; } }

/* VISITER */
.page--visiter-master section {
  overflow: hidden; }

.page--visiter-master .parcours-visiteurs .gallery {
  padding: 0 75px;
  text-align: center; }

.page--visiter-master .parcours-visiteurs .vignette {
  width: 25%;
  background-position: center center;
  background-size: cover;
  padding-bottom: 37.5%;
  margin: 0 4.165% 60px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  transition: all 0.3s ease 0s;
  color: #fff; }
  .page--visiter-master .parcours-visiteurs .vignette .encart {
    background-color: #1d1d1e;
    width: 192px;
    min-height: 150px;
    font-family: "open_sansregular";
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -75px; }
  .page--visiter-master .parcours-visiteurs .vignette .icon-eye {
    position: absolute;
    top: 20px;
    left: -10px;
    font-size: 18px;
    font-size: 1.8rem; }
  .page--visiter-master .parcours-visiteurs .vignette .public-parcours {
    text-align: right;
    padding-right: 20px;
    position: absolute;
    bottom: 10px;
    right: 0; }
  .page--visiter-master .parcours-visiteurs .vignette .title-parcours {
    font-family: "bikobold";
    font-size: 2.7rem;
    font-size: 27px;
    letter-spacing: 0.075em;
    display: inline-block; }
  .page--visiter-master .parcours-visiteurs .vignette .username {
    font-family: "open_sansregular";
    font-size: 15px;
    font-size: 1.5rem;
    display: block; }

@media (max-width: 1279px) {
  .page--visiter-master .parcours-visiteurs .gallery {
    padding: 0; }
  .page--visiter-master .parcours-visiteurs .vignette {
    width: 100%;
    position: relative;
    padding-bottom: 101.563%;
    margin: 0; } }

@media (max-width: 1279px) and (min-width: 640px) {
  .page--visiter-master .parcours-visiteurs .vignette {
    margin-left: 0;
    margin-right: 0; }
    .page--visiter-master .parcours-visiteurs .vignette .encart {
      height: 260px;
      width: 65%;
      padding: 47px 47px 0 47px;
      top: 50%;
      margin-top: -130px;
      left: 17.5%; }
    .page--visiter-master .parcours-visiteurs .vignette .icon-eye {
      left: 47px;
      top: 47px;
      font-size: 40px; }
    .page--visiter-master .parcours-visiteurs .vignette .public-parcours {
      font-size: 24px;
      font-size: 2.4rem;
      bottom: 40px;
      right: 40px;
      padding-left: 100px; }
    .page--visiter-master .parcours-visiteurs .vignette .title-parcours {
      font-size: 60px;
      font-size: 6rem;
      line-height: 50px;
      margin-bottom: 10px; }
    .page--visiter-master .parcours-visiteurs .vignette .username {
      font-size: 36px;
      font-size: 3.6rem; } }

@media (max-width: 639px) {
  .page--visiter-master .parcours-visiteurs .vignette .encart {
    height: 130px;
    width: 65%;
    padding: 23px 23px 0 23px;
    top: 50%;
    margin-top: -65px;
    left: 17.5%; }
  .page--visiter-master .parcours-visiteurs .vignette .icon-eye {
    left: 23px;
    top: 23px; }
  .page--visiter-master .parcours-visiteurs .vignette .public-parcours {
    font-size: 12px;
    font-size: 1.2rem;
    bottom: 23px;
    right: 23px;
    padding-left: 70px; }
  .page--visiter-master .parcours-visiteurs .vignette .title-parcours {
    font-size: 41px;
    font-size: 4.1rem; }
  .page--visiter-master .parcours-visiteurs .vignette .username {
    font-size: 25px;
    font-size: 2.5rem; } }

.page--visiter-master h3 {
  font-family: "loveloblack";
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 0.05em; }

.page--visiter-master .incontournable {
  padding: 50px 0 70px 0;
  background-color: #FFF; }
  @media (max-width: 1279px) {
    .page--visiter-master .incontournable {
      padding-bottom: 0; }
      .page--visiter-master .incontournable .gallery {
        margin-bottom: 0; } }

.yosemite-hat p:first-child {
  text-align: center; }

.mac .gallery--profils-5 .vignette .profil {
  line-height: 30px; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter .st0 {
  transition: all 0.3s ease 0s; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter .st1 {
  transition: all 0.3s ease 0s; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter .svg-picto-visiter .st0 {
  stroke: #1D1D1E;
  fill: none; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter .svg-picto-visiter .st1 {
  fill: #1D1D1E; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:hover .st0, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:focus .st0, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:active .st0 {
  stroke: #D8383F; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:hover .st1, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:focus .st1, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-self-hover .svg-picto-visiter:active .st1 {
  fill: #D8383F; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:hover .svg-picto-visiter .st0, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:focus .svg-picto-visiter .st0, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:active .svg-picto-visiter .st0 {
  stroke: #D8383F; }

.page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:hover .svg-picto-visiter .st1, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:focus .svg-picto-visiter .st1, .page--visiter-individuel .banner--anchor-4 .has-picto-visiter.has-content-hover:active .svg-picto-visiter .st1 {
  fill: #D8383F; }

.class_group_content.class_identifier_page_wide .page--visiter--famille {
  overflow: auto; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille section {
    overflow: visible; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide {
    min-height: 1070px;
    padding-bottom: 0;
    overflow: auto; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .anchor-contain {
    top: 130px; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: cover; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .section-famille {
    position: relative;
    margin-top: 245px;
    margin-bottom: 20px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .section-famille .innerContent {
      line-height: 1; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .tablette-bg {
    margin-bottom: 15px; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .has-scroll.icon.icon-chevron-up {
    margin-top: 55px; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart,
  .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart {
    background-color: #FFF;
    border-radius: 10px;
    width: 650px;
    max-width: 100%;
    display: inline-block;
    padding: 60px 62px 45px;
    text-align: center;
    margin-bottom: 15px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart h2,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart h2 {
      font-family: "bikobold";
      font-size: 62px;
      font-size: 6.2rem;
      text-transform: none;
      margin-top: 0;
      margin-bottom: 25px;
      text-align: left;
      letter-spacing: 0; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart .yosemite-rte,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart .yosemite-rte {
      text-align: left;
      font-family: "open_sanslight" !important; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart .yosemite-rte > *,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart .yosemite-rte > * {
        font-family: "open_sanslight" !important; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart .button--famille,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart .button--famille {
      border-radius: 10px;
      transition: all 0.3s ease 0s;
      width: 415px;
      height: 60px;
      display: inline-block;
      line-height: 56px;
      font-family: "bikobold";
      font-size: 24px;
      font-size: 2.4rem;
      color: white;
      margin-top: 30px;
      max-width: 100%; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart .button--famille:before,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart .button--famille:before {
        display: inline-block;
        content: '';
        height: 108%;
        vertical-align: middle; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart .button--famille .innerContent,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart .button--famille .innerContent {
        display: inline-block; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-1 h2,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-1 h2 {
      color: #F26522; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-1 .button--famille,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-1 .button--famille {
      background-color: #F26522;
      border: 2px solid #F26522; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-1 .button--famille:hover, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-1 .button--famille:focus, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-1 .button--famille:active,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-1 .button--famille:hover,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-1 .button--famille:focus,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-1 .button--famille:active {
        background-color: transparent;
        color: #F26522; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-2 h2,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-2 h2 {
      color: #7AA507; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-2 .button--famille,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-2 .button--famille {
      background-color: #7AA507;
      border: 2px solid #7AA507; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-2 .button--famille:hover, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-2 .button--famille:focus, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-2 .button--famille:active,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-2 .button--famille:hover,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-2 .button--famille:focus,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-2 .button--famille:active {
        background-color: transparent;
        color: #7AA507; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 {
      margin-bottom: 0px; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3 h2,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 h2 {
        color: #1C75BC; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3 .button--famille,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 .button--famille {
        background-color: #1C75BC;
        border: 2px solid #1C75BC; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3 .button--famille:hover, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3 .button--famille:focus, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-3 .button--famille:active,
        .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 .button--famille:hover,
        .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 .button--famille:focus,
        .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-3 .button--famille:active {
          background-color: transparent;
          color: #1C75BC; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 h2,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 h2 {
      color: #F7941E; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 .button--famille,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 .button--famille {
      background-color: #F7941E;
      border: 2px solid #F7941E; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 .button--famille:hover, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 .button--famille:focus, .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 .button--famille:active,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 .button--famille:hover,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 .button--famille:focus,
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 .button--famille:active {
        background-color: transparent;
        color: #F7941E; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide .encart.encart-4 h2,
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart.encart-4 h2 {
      font-size: 59px;
      font-size: 5.9rem; }
  .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder {
    display: block;
    margin-right: auto;
    margin-left: auto;
    height: 280px;
    text-align: center;
    background-color: #1D1D1E;
    position: relative; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .innerContent {
      display: inline-block;
      vertical-align: bottom; }
      @media (min-width: 1280px) {
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .innerContent {
          margin-bottom: 25px; } }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder:before {
      height: 100%;
      display: inline-block;
      vertical-align: middle;
      content: ''; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder h2 {
      display: inline-block;
      vertical-align: middle; }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder {
        height: auto; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder:before {
          display: none; } }
    @media (max-width: 1279px) and (min-width: 640px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder {
        padding: 70px 0 40px; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder h2 {
          font-size: 28px;
          font-size: 2.8rem; } }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder {
        padding: 35px 0 20px; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder h2 {
          font-size: 14px;
          font-size: 1.4rem; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .triangle {
          margin-top: 12.25px !important;
          border-width: 5px !important;
          margin-left: -5px !important; } }
    @media (max-width: 1279px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon {
        display: block;
        width: 100%;
        margin-bottom: 35px;
        font-size: 75px;
        font-size: 7.5rem; } }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder {
        margin-bottom: 17.5px; }
        .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon {
          font-size: 37px;
          font-size: 3.7rem;
          margin-bottom: 17.5px; } }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder h2, .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon {
      color: #FFF; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder h2 {
      font-family: "loveloblack"; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon {
      display: block;
      font-size: 75px;
      font-size: 7.5rem;
      margin-bottom: 35px; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon.icon-parcours {
        font-size: 83px;
        font-size: 8.3rem; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon.icon-musee-prive {
        font-size: 83px;
        font-size: 8.3rem; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon.icon-key {
        font-size: 60px;
        font-size: 6.0rem; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon.icon-collection {
        font-size: 85px;
        font-size: 8.5rem; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon.icon-artips-text {
        display: inline-block;
        font-size: 20px;
        font-size: 2.0rem;
        margin-bottom: 0px;
        position: relative;
        left: -4px;
        top: -1px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .triangle {
      display: block;
      position: static; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .icon {
        font-size: 37.5px;
        font-size: 3.75rem;
        margin-bottom: 17.5px; } }
    .class_group_content.class_identifier_page_wide .page--visiter--famille section.chef-oeuvre .h2-builder .triangle {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FFF;
      position: relative;
      left: 50%;
      margin-left: -10px;
      margin-top: 25px; }
  @media (max-width: 1279px) {
    .class_group_content.class_identifier_page_wide .page--visiter--famille .encart {
      padding: 30px !important; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .padding-mobile {
      padding-left: 30px;
      padding-right: 30px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide {
      background-size: auto 1070px;
      background-repeat: no-repeat;
      background-position: top;
      min-height: auto; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .section-famille {
      margin-bottom: 0;
      margin-top: 280px;
      padding-bottom: 20px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille {
      height: 250px;
      margin-bottom: 530px; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille:nth-child(n) {
        margin-bottom: 0;
        background-size: 100% auto;
        height: auto; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .encart {
      margin-bottom: 0;
      margin-top: 125px;
      padding: 35px 30px 50px 30px;
      width: 100%;
      max-width: 650px; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .encart .button--famille {
        line-height: 1; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .encart.encart-1 {
        margin-top: 0px;
        width: 100%; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .encart.encart-3 {
        border-radius: 10px;
        height: auto; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .tablette-bg {
      background-image: none !important;
      padding: 0;
      width: auto; } }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .page--visiter--famille .anchor-contain {
      top: 35px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .section-famille {
      margin-top: 140px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--wide {
      background-size: auto 507px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .tablette-bg {
      width: 100%; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .banner--famille .encart {
      width: 100%;
      padding: 20px 15px 20px; }
    .class_group_content.class_identifier_page_wide .page--visiter--famille .encart {
      padding: 17.5px 15px 25px !important; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .encart h2 {
        font-size: 36px !important;
        font-size: 3.6rem !important; }
      .class_group_content.class_identifier_page_wide .page--visiter--famille .encart .button--famille {
        font-size: 16px !important;
        font-size: 1.6rem !important; } }

/*Collections*/
.applications {
  background-color: #FFF; }
  .applications h2 {
    font-family: "loveloblack";
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 25px; }
  .applications .content-text {
    margin: 40px 75px 65px; }
    @media only screen and (max-width: 1199px) {
      .applications .content-text {
        margin: 20px 0 0; } }
    .applications .content-text h2, .applications .content-text h3, .applications .content-text h4, .applications .content-text p, .applications .content-text li {
      color: #000; }
    .applications .content-text.text-light h2, .applications .content-text.text-light h3, .applications .content-text.text-light h4, .applications .content-text.text-light p, .applications .content-text.text-light li {
      color: #fff; }
    .applications .content-text p {
      margin-bottom: 25px;
      font-family: "open_sanslight";
      font-size: 15px;
      font-size: 1.5rem; }
    .applications .content-text li {
      margin-bottom: 25px;
      font-family: "open_sanslight";
      font-size: 15px;
      font-size: 1.5rem; }
      .applications .content-text li::before {
        content: "\e940";
        font-family: "pba";
        margin-right: 10px; }
    .applications .content-text h3 {
      text-align: left;
      font-family: "loveloblack";
      font-size: 21px;
      font-size: 2.1rem;
      margin-bottom: 35px;
      margin-top: 35px; }
  .applications .section-app {
    width: 100%;
    min-height: 770px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.class_group_content.class_identifier_page_wide .collections-parcours-visite {
  background-color: #fff; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .background-1-col {
    height: 510px;
    width: 100%;
    background-color: #D1D3D4; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .hidden-desktop {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext-bg {
    margin: 0 auto;
    background-color: #FFF;
    width: 712px;
    margin-top: -467px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext {
    margin: 0 auto;
    background-color: #FFF;
    width: 712px;
    margin-top: 0px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg {
    padding: 80px 105px 0;
    color: #2C2C2E;
    min-height: 468px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int {
    padding: 0px 105px 0;
    color: #2C2C2E; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite h2 {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite p {
    margin-bottom: 30px;
    font-family: "open_sansregular";
    font-size: 19px;
    font-size: 1.9rem;
    line-height: normal; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique {
    text-align: right;
    font-family: "bikobold";
    font-size: 17px;
    font-size: 1.7rem; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique button {
      transition: all 0.3s ease 0s; }
      .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique button:hover, .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique button:active, .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique button:focus {
        color: #D8383F;
        transition: all 0.3s ease 0s; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique .icon {
      margin-left: 10px;
      font-size: 27px;
      font-size: 2.7rem;
      height: 30px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-button {
    padding-left: 75px;
    padding-right: 75px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-2-col-ext {
    width: 900px;
    margin: 0 auto; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-toggle {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-left, .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-contain .rte-col-right, .class_group_content.class_identifier_page_wide .rte-contain .collections-parcours-visite .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 48%;
    background-color: #FFF;
    display: inline-block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 48%;
    background-color: #FFF;
    display: inline-block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext {
    margin: 0 auto;
    background-color: #FFF;
    width: 712px;
    margin-top: 0px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .yosemite-rte:first-child {
    margin-bottom: 30px;
    margin-top: 0px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .bloc-titre-gallerie {
    height: auto;
    text-align: center;
    color: #1D1D1E; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .bloc-titre-gallerie p {
      font-family: "loveloblack";
      font-size: 24px;
      font-size: 2.4rem;
      vertical-align: middle;
      padding-top: 0px;
      margin-bottom: 0px; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .bloc-titre-gallerie .triangleBG {
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #1D1D1E;
      display: inline-block;
      margin-top: 20px;
      margin-bottom: 30px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px;
    margin-bottom: 60px;
    min-width: 540px; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark:hover, .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark:focus, .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark .st0 {
      transition: all 0.3s ease 0s; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark {
        padding-left: 30px; } }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; }
      @media (max-width: 639px) {
        .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark .icon {
          top: 33%;
          font-size: 15px;
          font-size: 1.5rem;
          left: 17.5px; } }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark .icon {
      font-size: 41px;
      font-size: 4.1rem; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .gallery:last-child {
    margin-bottom: 0px; }

@media (min-width: 640px) and (max-width: 1279px) {
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .hidden-desktop {
    display: inline-block;
    margin-bottom: 40px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .background-1-col {
    height: 340px;
    position: relative; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .pChapo {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .triangle-mobile {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #FFF transparent;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -15px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-2-col-ext {
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-toggle {
    display: block !important; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext {
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext-bg {
    margin: 0px auto 0px;
    background-color: #FFF;
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg {
    padding: 40px 55px 0px; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg .icon {
      font-size: 30px;
      font-size: 3rem;
      text-align: center;
      width: 100%;
      display: inline; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg .icon-parcours {
      width: 100%;
      text-align: center;
      font-size: 6rem;
      margin-bottom: 40px;
      display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite h2 {
    margin-top: 0px;
    margin-bottom: 10px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite h3 {
    text-align: center; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .collections-parcours-visite p {
    margin-bottom: 10px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-button {
    display: none;
    /*padding-left: 55px;
			    padding-right: 55px;
			    margin-bottom:60px;*/ }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 100%;
    background-color: #FFF;
    display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-left, .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-contain .rte-col-right, .class_group_content.class_identifier_page_wide .rte-contain .collections-parcours-visite .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 100%;
    background-color: #FFF;
    display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-contain {
    margin-bottom: 0px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .bloc-titre-gallerie .icon {
    font-size: 60px;
    font-size: 6rem;
    text-align: center;
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark {
    margin-bottom: 0px; } }

@media (max-width: 639px) {
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .hidden-desktop {
    display: inline-block;
    margin-bottom: 20px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .background-1-col {
    height: 170px;
    position: relative; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .pChapo {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-unique {
    display: none; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .triangle-mobile {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 7.5px 7.5px;
    border-color: transparent transparent #FFF transparent;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -7.5px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-2-col-ext {
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .plus-info-toggle {
    display: block !important; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext {
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-ext-bg {
    margin: 0px auto 0px;
    background-color: #FFF;
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg {
    padding: 20px 22.5px 0px; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg .icon {
      font-size: 15px;
      font-size: 1.5rem;
      text-align: center;
      width: 100%;
      display: inline; }
    .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-1-col-int-bg .icon-parcours {
      width: 100%;
      text-align: center;
      font-size: 3rem;
      margin-bottom: 20px;
      display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite h2 {
    margin-top: 0px;
    margin-bottom: 10px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite h3 {
    text-align: center; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .collections-parcours-visite p {
    margin-bottom: 5px;
    line-height: 1em; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .container-button {
    display: none;
    /*padding-left: 55px;
			    padding-right: 55px;
			    margin-bottom:60px;*/ }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 100%;
    background-color: #FFF;
    display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-left, .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-contain .rte-col-right, .class_group_content.class_identifier_page_wide .rte-contain .collections-parcours-visite .rte-col-right, .class_group_content.class_identifier_page_thin .rte-contain .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-col-right {
    width: 100%;
    background-color: #FFF;
    display: block; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .rte-contain {
    margin-bottom: 0px; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .bloc-titre-gallerie .icon {
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
    width: 100%; }
  .class_group_content.class_identifier_page_wide .collections-parcours-visite .callToAction--dark {
    margin-bottom: 0px; } }

.class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto .icon-architecture {
  font-size: 27px;
  font-size: 2.7rem; }

@media (min-width: 1280px) {
  .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(n) {
    text-align: left;
    padding-left: 40px; }
    .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(n) .innerContent {
      margin-left: 20px;
      width: 78%;
      text-align: left; }
    .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(n) .icon {
      width: auto; } }

.class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(-n+2) .innerContent {
  width: 80%;
  letter-spacing: normal; }

@media (max-width: 1279px) {
  .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(-n+2) .innerContent {
    width: 75%; } }

.class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto:nth-child(n+3) .innerContent {
  text-align: center; }

.class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto .subtitle {
  font-family: "atc_overlookregular";
  font-size: 18px;
  font-size: 1.8rem; }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto .subtitle {
      font-size: 9px;
      font-size: 0.9rem; } }
  .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto .subtitle .icon-artips-text {
    font-size: 20px !important;
    font-size: 2.0rem !important;
    display: inline-block;
    margin-bottom: 0; }
    @media (max-width: 1199px) {
      .class_group_content.class_identifier_page_wide .page--collections-musee .banner--anchor-4 .scrollTo--picto .subtitle .icon-artips-text {
        width: auto;
        margin: 0; } }

.class_group_content.class_identifier_page_wide .page--collections-musee .title-icon.icon-architecture {
  font-size: 63px;
  font-size: 6.3rem; }

.class_group_content.class_identifier_page_wide .page--collections-musee .title-icon .subtitle {
  margin-top: 10px; }

.class_group_content.class_identifier_page_wide .page--collections-musee .title-icon .innerContent {
  display: inline-block;
  vertical-align: middle;
  color: white;
  font-family: "atc_overlookregular";
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 3px; }

.class_group_content.class_identifier_page_wide .page--collections-musee .title-icon .icon-artips-text {
  font-size: 20px;
  font-size: 2.0rem;
  color: #1D1D1E; }

.class_group_content.class_identifier_page_wide .page--collections-musee .title-icon .has-background--white {
  position: relative;
  content: '';
  width: 100%;
  height: 30px;
  background-color: #FFF;
  display: inline-block;
  width: 28px;
  left: 0; }

.class_group_content.class_identifier_page_wide .page--collections-musee .section--wide-1 .title-icon .innerContent {
  color: #1D1D1E; }

.class_group_content.class_identifier_page_wide .page--collections-musee .container--wide-2 {
  top: 75px; }

.class_group_content.class_identifier_page_wide .page--collections-musee .callToAction--dark {
  margin-bottom: 40px; }

#scroll2 .subtitle .icon-artips-text {
  color: white !important; }
  .gabarit-1.artips #scroll2 .subtitle .icon-artips-text {
    color: inherit !important; }

.class_group_content .page--collections--master .banner--wide {
  padding-bottom: 0; }
  @media (max-width: 1279px) {
    .class_group_content .page--collections--master .banner--wide {
      min-height: 1140px; } }
  @media (max-width: 639px) {
    .class_group_content .page--collections--master .banner--wide {
      min-height: 570px; } }
  .class_group_content .page--collections--master .banner--wide .container--wide {
    max-width: 900px; }

.class_group_content .page--collections--master .anchor-contain {
  top: 70px; }
  @media (max-width: 1279px) {
    .class_group_content .page--collections--master .anchor-contain {
      padding-top: 0 !important; } }
  @media (max-width: 639px) {
    .class_group_content .page--collections--master .anchor-contain {
      top: 35px; } }

.class_group_content .page--collections--master .chef-oeuvre, .class_group_content .page--collections--master .musee, .class_group_content .page--collections--master .collections {
  background-color: #1D1D1E; }

.class_group_content .page--collections--master .parcours, .class_group_content .page--collections--master .secrets {
  background-color: #FFF; }

.class_group_content .page--collections--master .icon.has-scroll.icon-chevron-down {
  color: white; }

@media (max-width: 1279px) {
  .class_group_content .page--collections--master .hidden-frise {
    display: none !important; } }

.class_group_content .page--collections--master .banner--anchor-6 .scrollTo--picto {
  padding-right: 30px; }
  .class_group_content .page--collections--master .banner--anchor-6 .scrollTo--picto .subtitle {
    font-family: "atc_overlookregular";
    font-size: 18px;
    font-size: 1.8rem; }
    .class_group_content .page--collections--master .banner--anchor-6 .scrollTo--picto .subtitle .icon-artips-text {
      font-size: 20px;
      font-size: 2.0rem;
      display: inline-block;
      margin: 0;
      width: auto;
      position: relative;
      left: -2px;
      top: -2px; }
    @media (max-width: 639px) {
      .class_group_content .page--collections--master .banner--anchor-6 .scrollTo--picto .subtitle {
        font-size: 9px;
        font-size: 0.9rem; }
        .class_group_content .page--collections--master .banner--anchor-6 .scrollTo--picto .subtitle .icon-artips-text {
          font-size: 12px !important;
          font-size: 1.2rem !important;
          vertical-align: bottom; } }

.class_group_content .page--collections--master .sliderGabarit .prevPage {
  left: 50px;
  color: white; }

.class_group_content .page--collections--master .sliderGabarit .nextPage {
  right: 50px;
  color: white; }

.class_group_content .page--collections--master .sliderGabarit .pagerSquare {
  right: 50px; }

@media (max-width: 1279px) {
  .class_group_content .page--collections--master .sliderGabarit .prevPage {
    display: none; }
  .class_group_content .page--collections--master .sliderGabarit .nextPage {
    display: none; }
  .class_group_content .page--collections--master .sliderGabarit .pagerSquare {
    right: 0; } }

.class_identifier_oeuvre .module--oeuvre {
  min-height: 575px;
  background-color: transparent;
  color: white; }

.class_identifier_oeuvre .oeuvre-menu {
  display: inline-block;
  width: 205px;
  vertical-align: top; }

.class_identifier_oeuvre .emplacement-contain {
  display: inline-block;
  width: calc(100% - 215px);
  margin-left: 10px; }

.class_identifier_oeuvre .menu-item {
  width: 100%;
  height: 115px;
  display: block;
  text-align: center;
  border-bottom: solid 1px #474A4B;
  position: relative; }
  .class_identifier_oeuvre .menu-item.active {
    color: #D8383F; }
  .class_identifier_oeuvre .menu-item:last-child {
    border-bottom: none; }
    .class_identifier_oeuvre .menu-item:last-child:after {
      display: none; }
  .class_identifier_oeuvre .menu-item:after {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    border-bottom: 5px solid #474A4B;
    border-right: 5px solid #474A4B;
    position: absolute;
    bottom: 0;
    right: 0; }
  .class_identifier_oeuvre .menu-item:before {
    display: inline-block;
    content: '';
    height: 100%;
    vertical-align: middle; }
  .class_identifier_oeuvre .menu-item .innerContent {
    display: inline-block;
    vertical-align: middle;
    width: 96%; }
  .class_identifier_oeuvre .menu-item .title {
    font-family: "bikobold";
    font-size: 17px;
    font-size: 1.7rem;
    margin-bottom: 9px;
    transition: all 0.3s ease 0s; }
  .class_identifier_oeuvre .menu-item .subtitle {
    font-family: "open_sansregular";
    font-size: 14px;
    font-size: 1.4rem;
    transition: all 0.3s ease 0s; }
  .class_identifier_oeuvre .menu-item .icon {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 12px; }
  .class_identifier_oeuvre .menu-item.item-map .subtitle {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: "open_sanslight"; }
  .class_identifier_oeuvre .menu-item.item-artips .subtitle {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: "open_sanslight";
    color: #77787B; }
  .class_identifier_oeuvre .menu-item.item-artips .icon {
    color: #77787B;
    font-size: 28px; }

.class_identifier_oeuvre a.menu-item {
  transition: all 0.3s ease 0s; }
  .class_identifier_oeuvre a.menu-item:hover .icon, .class_identifier_oeuvre a.menu-item:hover .subtitle, .class_identifier_oeuvre a.menu-item:hover .title, .class_identifier_oeuvre a.menu-item:focus .icon, .class_identifier_oeuvre a.menu-item:focus .subtitle, .class_identifier_oeuvre a.menu-item:focus .title, .class_identifier_oeuvre a.menu-item:active .icon, .class_identifier_oeuvre a.menu-item:active .subtitle, .class_identifier_oeuvre a.menu-item:active .title {
    transition: all 0.3s ease 0s;
    color: #D8383F; }

.class_identifier_oeuvre .sliderFicheOeuvre {
  display: inline-block;
  width: 730px;
  position: relative;
  max-width: 100%; }
  .class_identifier_oeuvre .sliderFicheOeuvre.wide {
    margin-bottom: 45px; }
    @media (max-width: 639px) {
      .class_identifier_oeuvre .sliderFicheOeuvre.wide {
        margin-bottom: 22.5px; } }
  .class_identifier_oeuvre .sliderFicheOeuvre .bxSlider {
    margin-bottom: 0px; }
  .class_identifier_oeuvre .sliderFicheOeuvre .bx-wrapper {
    margin-bottom: 0px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .bx-wrapper .bx-viewport {
      height: 290px;
      border: 0px solid #FFF;
      left: 0px;
      box-shadow: none;
      background-color: transparent; }
      .class_identifier_oeuvre .sliderFicheOeuvre .bx-wrapper .bx-viewport .oeuvre {
        text-align: center;
        height: 100%; }
        .class_identifier_oeuvre .sliderFicheOeuvre .bx-wrapper .bx-viewport .oeuvre img {
          display: inline-block;
          min-height: 100%;
          min-width: 100%; }
  .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare {
    position: absolute;
    bottom: 10px;
    right: 12px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare a {
      margin-right: 6px; }
      .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare a:last-child {
        margin-right: 0px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare .pager-square {
      width: 24px;
      height: 24px;
      background-color: transparent;
      border: 4px solid #FFF;
      display: inline-block; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare a.active {
      display: inline-block; }
      .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare a.active .pager-square {
        background-color: #FFF; }
  @media (max-width: 1279px) {
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare {
      width: 100%;
      text-align: center; } }
  .class_identifier_oeuvre .sliderFicheOeuvre .bxslider ul {
    margin-top: 0px;
    margin-left: 0px; }
  .class_identifier_oeuvre .sliderFicheOeuvre .bxslider li {
    height: 290px;
    width: 510px;
    margin-top: 0px;
    margin-left: 0px;
    background-size: cover;
    background-position: center center; }
  .class_identifier_oeuvre .sliderFicheOeuvre .arrowSlider {
    position: absolute; }
  .class_identifier_oeuvre .sliderFicheOeuvre .prevPage {
    left: -110px;
    top: 50%;
    font-size: 47px;
    font-size: 4.7rem; }
    .class_identifier_oeuvre .sliderFicheOeuvre .prevPage .icon:hover, .class_identifier_oeuvre .sliderFicheOeuvre .prevPage .icon:active, .class_identifier_oeuvre .sliderFicheOeuvre .prevPage .icon:focus {
      color: #D8383F; }
  .class_identifier_oeuvre .sliderFicheOeuvre .nextPage {
    right: -110px;
    top: 50%;
    font-size: 47px;
    font-size: 4.7rem; }
    .class_identifier_oeuvre .sliderFicheOeuvre .nextPage .icon:hover, .class_identifier_oeuvre .sliderFicheOeuvre .nextPage .icon:active, .class_identifier_oeuvre .sliderFicheOeuvre .nextPage .icon:focus {
      color: #D8383F; }
  @media (max-width: 1279px) {
    .class_identifier_oeuvre .sliderFicheOeuvre .prevPage {
      left: 30px;
      color: white; }
    .class_identifier_oeuvre .sliderFicheOeuvre .nextPage {
      right: 30px;
      color: white; } }
  @media (max-width: 639px) {
    .class_identifier_oeuvre .sliderFicheOeuvre .prevPage {
      left: 15px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .nextPage {
      right: 15px; } }

.class_identifier_oeuvre .slider-caption {
  margin-top: 20px;
  margin-bottom: 60px;
  text-align: center; }
  @media (max-width: 639px) {
    .class_identifier_oeuvre .slider-caption {
      margin-top: 10px;
      margin-bottom: 30px; } }

.class_identifier_oeuvre .oeuvre-infos.yosemite-rte {
  position: relative; }
  .class_identifier_oeuvre .oeuvre-infos.yosemite-rte .infos-title {
    font-family: "bikobold";
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 27.6px;
    margin-bottom: 27px; }
  .class_identifier_oeuvre .oeuvre-infos.yosemite-rte .infos-description {
    font-family: "open_sanslight";
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19.2px; }

@media (max-width: 1279px) {
  .class_identifier_oeuvre footer {
    display: none !important; }
  .class_identifier_oeuvre .module--oeuvre {
    height: auto; }
  .class_identifier_oeuvre .sliderFicheOeuvre {
    width: 100%; }
  .class_identifier_oeuvre .oeuvre-menu {
    display: none; }
  .class_identifier_oeuvre .oeuvre-infos {
    display: none !important; }
  .class_identifier_oeuvre .sliderFicheOeuvre {
    height: auto; }
    .class_identifier_oeuvre .sliderFicheOeuvre .oeuvre-visu {
      display: none !important; }
    .class_identifier_oeuvre .sliderFicheOeuvre .oeuvreControls {
      position: absolute;
      right: 0; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare {
      position: static;
      padding: 40px 12px 0 0;
      text-align: right; }
    .class_identifier_oeuvre .sliderFicheOeuvre .oeuvre {
      width: 100%; }
      .class_identifier_oeuvre .sliderFicheOeuvre .oeuvre .visu {
        width: 100%;
        padding-bottom: 78.13%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat; }
  .class_identifier_oeuvre .fake-arianne {
    margin: 30px 0; }
    .class_identifier_oeuvre .fake-arianne .icon-more {
      font-size: 35px;
      font-size: 3.5rem;
      margin-bottom: 20px;
      transition: all 0.3s ease 0s; }
    .class_identifier_oeuvre .fake-arianne a:hover,
    .class_identifier_oeuvre .fake-arianne a:focus,
    .class_identifier_oeuvre .fake-arianne a:active {
      color: #D8383F;
      transition: all 0.3s ease 0s; }
    .class_identifier_oeuvre .fake-arianne .arianne-part {
      text-align: center;
      position: relative; }
      .class_identifier_oeuvre .fake-arianne .arianne-part:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100px; }
    .class_identifier_oeuvre .fake-arianne .icon-chevron-left {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      left: 25px;
      font-size: 30px;
      font-size: 3.0rem;
      transition: all 0.3s ease 0s; }
    .class_identifier_oeuvre .fake-arianne .icon-chevron-right {
      position: absolute;
      top: 50%;
      margin-top: -15px;
      right: 25px;
      font-size: 30px;
      font-size: 3.0rem;
      transition: all 0.3s ease 0s; }
    .class_identifier_oeuvre .fake-arianne .innerContent {
      display: inline-block;
      vertical-align: middle;
      color: white;
      position: relative;
      padding-left: 50px;
      padding-right: 50px; }
    .class_identifier_oeuvre .fake-arianne .title {
      font-family: "bikobold";
      font-size: 36px;
      font-size: 3.6rem;
      letter-spacing: 0.05em;
      line-height: 43.2px; }
    .class_identifier_oeuvre .fake-arianne .artist {
      font-family: "open_sansregular";
      font-size: 29px;
      font-size: 2.9rem;
      display: inline-block;
      width: 80%; }
    .class_identifier_oeuvre .fake-arianne .date {
      font-family: "bikobold";
      font-size: 26px;
      font-size: 2.6rem;
      color: #7B7C7E;
      right: 0px;
      bottom: -1px; } }

@media (max-width: 639px) {
  .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare {
    top: 20px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare a {
      margin-right: 1px; }
    .class_identifier_oeuvre .sliderFicheOeuvre .pagerSquare .pager-square {
      width: 12px;
      height: 12px;
      border-width: 2px; }
  .class_identifier_oeuvre .fake-arianne {
    margin-top: 40px; }
    .class_identifier_oeuvre .fake-arianne .icon-more {
      font-size: 17.5px;
      font-size: 1.75rem;
      margin-bottom: 10px; }
    .class_identifier_oeuvre .fake-arianne .arianne-part:before {
      height: 50px; }
    .class_identifier_oeuvre .fake-arianne .icon-chevron-left {
      margin-top: -7.5px;
      left: 12.5px;
      font-size: 15px;
      font-size: 1.5rem;
      z-index: 1; }
    .class_identifier_oeuvre .fake-arianne .icon-chevron-right {
      margin-top: -7.5px;
      right: 12.5px;
      font-size: 15px;
      font-size: 1.5rem; }
    .class_identifier_oeuvre .fake-arianne .title {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: 0.05em;
      line-height: 21.6px; }
    .class_identifier_oeuvre .fake-arianne .artist {
      font-size: 14.5px;
      font-size: 1.45rem;
      width: 80%; }
    .class_identifier_oeuvre .fake-arianne .date {
      font-size: 13px;
      font-size: 1.3rem;
      right: 0px;
      bottom: -1px; } }

.class_identifier_oeuvre .page--collections--oeuvre section {
  overflow: hidden; }

.class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre {
  color: white;
  height: 130px; }
  .class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre:before {
    height: 100%;
    display: inline-block;
    content: '';
    vertical-align: middle; }
  .class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre .innerContent {
    display: inline-block;
    vertical-align: middle; }
  .class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre .suptitle {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 24px; }
  .class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre h2 {
    line-height: 33.59px; }
  .class_identifier_oeuvre .page--collections--oeuvre .h2-oeuvre sup {
    font-size: 16px;
    font-size: 1.6rem; }

.class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos {
  width: 340px;
  display: inline-block;
  height: 100%;
  padding-left: 35px;
  padding-right: 35px;
  vertical-align: top; }
  .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .infos-description {
    margin-bottom: 30px; }
  .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .btn-audio {
    line-height: 25px;
    font-family: "bikobold";
    font-size: 1.7rem;
    font-size: 17px; }
    .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .btn-audio .icon {
      vertical-align: top; }
    .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .btn-audio:hover, .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .btn-audio:active, .class_identifier_oeuvre .page--collections--oeuvre .oeuvre-infos .btn-audio:focus {
      transition: all 0.3s;
      color: #D8383F; }

.class_identifier_oeuvre .page--collections--oeuvre .sliderFicheOeuvre {
  display: inline-block; }
  @media (min-width: 1280px) {
    .class_identifier_oeuvre .page--collections--oeuvre .sliderFicheOeuvre .sliderOeuvre {
      height: 575px; } }

.class_identifier_oeuvre .page--collections--oeuvre .learn-more {
  text-align: right;
  display: block;
  margin-top: 20px;
  color: white;
  transition: all 0.3s ease 0s; }
  .class_identifier_oeuvre .page--collections--oeuvre .learn-more:hover, .class_identifier_oeuvre .page--collections--oeuvre .learn-more:focus, .class_identifier_oeuvre .page--collections--oeuvre .learn-more:active {
    transition: all 0.3s ease 0s;
    color: #D8383F; }
  .class_identifier_oeuvre .page--collections--oeuvre .learn-more .texte {
    font-family: "bikobold";
    font-size: 17px;
    font-size: 1.7rem;
    display: inline-block; }
  .class_identifier_oeuvre .page--collections--oeuvre .learn-more .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    font-size: 2.5rem; }

.class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action {
  text-align: right;
  padding-top: 30px; }
  .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel {
    font-family: "bikobold";
    font-size: 17px;
    font-size: 1.7rem; }
    .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel .icon {
      height: 25px;
      width: 25px;
      vertical-align: text-bottom; }
      .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel .icon:before, .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel .icon:after {
        height: 25px;
        width: 25px; }
    .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel:hover, .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel:active, .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action .btn-gigapixel:focus {
      transition: all 0.3s;
      color: #D8383F; }
  @media (max-width: 1279px) {
    .class_identifier_oeuvre .page--collections--oeuvre .gigapixel-action {
      padding: 20px 0 15px 12px;
      text-align: left; } }

.class_identifier_oeuvre .page--collections--oeuvre .infos-gallery {
  bottom: 0;
  text-align: right;
  right: 20px;
  margin-top: 20px; }
  .class_identifier_oeuvre .page--collections--oeuvre .infos-gallery .gallery-picto {
    height: 60px;
    width: 60px;
    display: inline-block;
    background-position: center center;
    background-size: cover;
    margin-left: 7px; }

.class_identifier_oeuvre .page--collections--oeuvre .oeuvre-visu {
  width: 735px !important;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  height: 100%;
  text-align: center; }

.class_identifier_oeuvre .page--collections--oeuvre .image-full {
  text-align: center; }

.class_identifier_oeuvre .page--collections--oeuvre #audio-player-btn-2 {
  padding-left: 12px;
  font-family: "bikobold";
  font-size: 17px;
  font-size: 1.7rem; }
  .class_identifier_oeuvre .page--collections--oeuvre #audio-player-btn-2:hover, .class_identifier_oeuvre .page--collections--oeuvre #audio-player-btn-2:active, .class_identifier_oeuvre .page--collections--oeuvre #audio-player-btn-2:focus {
    transition: all 0.3s;
    color: #D8383F; }

.class_identifier_oeuvre .module--oeuvre-famille .menu-item {
  border-color: #FE921B; }
  .class_identifier_oeuvre .module--oeuvre-famille .menu-item:after {
    border-color: #FE921B; }

.class_identifier_oeuvre .module--oeuvre-famille .oeuvre-visu img,
.class_identifier_oeuvre .module--oeuvre-famille .infos-visus img {
  border: solid 10px #FE921B; }

.class_identifier_oeuvre .module--oeuvre-famille .sliderFicheOeuvre .bx-wrapper .bx-viewport .oeuvre img {
  border: solid 10px #FE921B; }

.class_identifier_oeuvre {
  height: 100%; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .module--oeuvre {
    height: auto; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-plus {
    display: inline-block;
    width: 1075px;
    padding: 40px 30px 40px 35px;
    background-color: #FFF;
    height: auto;
    min-height: 575px;
    color: #1D1D1E; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-controls {
    display: none; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte {
    font-family: "open_sanslight";
    font-size: 16px;
    font-size: 1.6rem; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte a {
      font-weight: bold; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte a:hover, .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte a:focus, .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte a:active {
        text-decoration: underline; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte h3 {
      margin-top: 0;
      font-family: "bikobold";
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 27.6px;
      padding-left: 20px; }
    @media (max-width: 639px) {
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte {
        font-size: 13px;
        font-size: 1.3rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .yosemite-rte h3 {
          font-size: 20px;
          font-size: 2.0rem;
          padding-left: 0; } }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus h3 {
    font-family: "bikobold";
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 27.6px;
    margin-bottom: 10px;
    margin-top: 20px; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-left {
    display: inline-block;
    width: 625px; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-left .columned-content {
      padding-right: 35px;
      vertical-align: top;
      columns: 2; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-right {
    display: inline-block;
    width: 325px;
    padding-right: 55px;
    vertical-align: top; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-visus {
    display: inline-block;
    width: 366px;
    position: relative;
    text-align: center;
    vertical-align: top; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .big-visu {
    height: 290px;
    background-size: cover; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .image-full {
    text-align: center; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .image-full img {
      width: 100%;
      height: auto; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .related-documents {
    display: inline-block;
    width: 145px;
    margin-right: 20px;
    vertical-align: top; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .related-documents.pdf .document-visu {
      width: 145px;
      border: solid 1px #1d1d1e;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .related-documents.pdf .document-visu .icon-pdf {
        font-size: 50px;
        font-size: 5.0rem; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .document-visu {
    height: 125px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    border-radius: 5px; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .document-caption {
    font-family: "open_sanslight";
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 10px; }
  .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part:hover, .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part:focus, .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part:active {
      color: #D8383F; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part .inner-content {
      display: inline-block;
      vertical-align: middle;
      color: white; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part .icon {
      font-size: 27px;
      font-size: 2.7rem; }
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part span {
      font-size: "bikobold";
      font-size: 30px;
      font-size: 3.0rem;
      display: inline-block;
      vertical-align: middle;
      margin-left: 20px; }
    @media (max-width: 639px) {
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part {
        height: 35px; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part .icon {
          font-size: 13.5px;
          font-size: 1.35rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .close-part span {
          font-size: 15px;
          font-size: 1.5rem;
          margin-left: 10px; } }
  @media (max-width: 1279px) {
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus {
      margin: 0px;
      padding: 0px;
      position: absolute;
      width: 100%;
      top: 100px;
      bottom: 70px;
      overflow-y: scroll; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .fake-arianne {
        color: white;
        margin-top: 0px;
        color: white; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-content {
        background-color: #FFF; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-content .yosemite-rte {
          word-wrap: break-word; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 25px; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item {
          height: 100px;
          text-align: left;
          width: 415px; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item:before {
            height: 100%; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item:after {
            display: none; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .title {
            display: inline-block;
            margin-left: 50px;
            font-family: "bikobold";
            font-size: 30px;
            font-size: 3.0rem;
            margin-bottom: 0;
            vertical-align: middle;
            max-width: 313px; } }
        @media (max-width: 1279px) and (max-width: 639px) {
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .title {
            max-width: 154px; } }
  @media (max-width: 1279px) {
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .icon {
            display: inline-block;
            vertical-align: middle;
            margin-bottom: 0;
            font-size: 35px;
            font-size: 3.5rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-artist .subtitle {
            font-family: "open_sansregular";
            font-size: 22px;
            font-size: 2.2rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-map .subtitle {
            display: inline-block;
            font-family: "bikoregular";
            font-size: 30px;
            font-size: 3.0rem; }
            .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-map .subtitle:before {
              content: ','; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-artips {
            text-align: center; } }
  @media (max-width: 639px) {
    .class_identifier_oeuvre .page--collections--oeuvre-infos-plus {
      top: 50px;
      bottom: 35px; }
      .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile {
        margin-bottom: 12.5px; }
        .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item {
          height: 50px;
          width: 207.5px; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .title {
            margin-left: 25px;
            font-size: 15px;
            font-size: 1.5rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .subtitle {
            font-size: 15px;
            font-size: 1.5rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item .icon {
            font-size: 17.5px;
            font-size: 1.75rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-map .title:after {
            content: ','; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-map .subtitle {
            font-size: 15px;
            font-size: 1.5rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .oeuvre-menu-mobile .menu-item.item-artist .subtitle {
            font-size: 11px;
            font-size: 1.1rem; } }

.no-csscolumns .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-left {
  width: 310px; }

.no-csscolumns .class_identifier_oeuvre .page--collections--oeuvre-infos-plus .infos-right {
  display: inline-block; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .module--oeuvre {
  height: auto; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .line {
  margin-bottom: 15px; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-label {
  width: 140px;
  display: inline-block;
  font-family: "open_sanslight_italic";
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  padding-right: 30px; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-detail {
  display: inline-block;
  font-family: "open_sansbold";
  font-size: 14px;
  font-size: 1.4rem; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-detail > * {
    display: inline-block; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .artist-bio {
  margin-bottom: 30px; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-bio.yosemite-rte {
    font-family: "open_sanslight";
    font-size: 14px;
    font-size: 1.4rem; }

.class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus {
  padding: 40px 30px 65px 60px;
  width: 1075px;
  background-color: #FFF;
  display: inline-block;
  color: #1D1D1E; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-left {
    width: 555px;
    display: inline-block;
    vertical-align: top;
    padding-right: 120px; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-right {
    display: inline-block; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-visu {
    width: 275px;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-head {
    margin-bottom: 15px; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-head .name {
      font-family: "bikobold";
      font-size: 23px;
      font-size: 2.3rem;
      margin-right: 25px; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .artist-head .date {
      font-family: "open_sansregular";
      font-size: 14px;
      font-size: 1.4rem; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .related-title {
    font-family: "bikobold";
    font-size: 23px;
    font-size: 2.3rem;
    margin-bottom: 20px; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .related-documents {
    display: inline-block;
    width: 145px;
    margin-right: 20px;
    vertical-align: top;
    text-align: center; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .related-documents.pdf .document-visu {
      width: 145px;
      border: solid 1px #1d1d1e;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .related-documents.pdf .document-visu .icon-pdf {
        font-size: 50px;
        font-size: 5.0rem; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .document-visu {
    height: 125px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 100px;
    text-align: center; }
  .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-plus .document-caption {
    font-family: "open_sanslight";
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 10px; }

@media (max-width: 1279px) {
  .class_identifier_oeuvre .page--collections--oeuvre-artist {
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    top: 100px;
    bottom: 70px;
    overflow-y: scroll; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      text-align: left;
      padding: 0 55px;
      padding-bottom: 35px;
      margin-bottom: 35px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-label {
        font-size: 22px;
        font-size: 2.2rem;
        width: 220px;
        display: inline-block;
        vertical-align: middle; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-detail {
        font-size: 22px;
        font-size: 2.2rem;
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 220px);
        width: -webkit-calc(100% - 220px); }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .line:last-child:after {
        content: '';
        display: block;
        width: 70%;
        height: 1px;
        background-color: #7B7C7E;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 40px; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .fake-arianne {
      color: white;
      margin-top: 0px;
      color: white; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-content {
      background-color: #FFF; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .infos-content .yosemite-rte {
        word-wrap: break-word; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile {
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 25px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item {
        height: 100px;
        text-align: left;
        width: 415px; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item:before {
          height: 100%; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item:after {
          display: none; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item .title {
          display: inline-block;
          margin-left: 50px;
          font-family: "bikobold";
          font-size: 30px;
          font-size: 3.0rem;
          margin-bottom: 0;
          vertical-align: middle; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item .icon {
          margin-bottom: 0;
          font-size: 35px;
          font-size: 3.5rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-artist .subtitle {
          font-family: "open_sansregular";
          font-size: 22px;
          font-size: 2.2rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-map .subtitle {
          display: inline-block;
          font-family: "bikoregular";
          font-size: 30px;
          font-size: 3.0rem; }
          .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-map .subtitle:before {
            content: ','; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-artips {
          text-align: center; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part {
      text-align: center;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 70px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part:hover, .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part:focus, .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part:active {
        color: #D8383F; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part .inner-content {
        display: inline-block;
        vertical-align: middle;
        color: white; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part .icon {
        font-size: 27px;
        font-size: 2.7rem; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part span {
        font-size: "bikobold";
        font-size: 30px;
        font-size: 3.0rem;
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px; } }
    @media (max-width: 1279px) and (max-width: 639px) {
      .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part {
        height: 35px; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part .icon {
          font-size: 13.5px;
          font-size: 1.35rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .close-part span {
          font-size: 15px;
          font-size: 1.5rem;
          margin-left: 10px; } }

@media (max-width: 639px) {
  .class_identifier_oeuvre .page--collections--oeuvre-artist {
    top: 50px;
    bottom: 35px; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile {
      margin-bottom: 12.5px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item {
        height: 50px;
        width: 207.5px; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item .title {
          margin-left: 25px;
          font-size: 15px;
          font-size: 1.5rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item .subtitle {
          font-size: 15px;
          font-size: 1.5rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item .icon {
          font-size: 17.5px;
          font-size: 1.75rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-map .title:after {
          content: ','; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-map .subtitle {
          font-size: 15px;
          font-size: 1.5rem; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .oeuvre-menu-mobile .menu-item.item-artist .subtitle {
          font-size: 11px;
          font-size: 1.1rem; }
    .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details {
      padding: 0 27.5px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-label {
        font-size: 11px;
        font-size: 1.1rem;
        width: 110px; }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .artist-detail {
        font-size: 11px;
        font-size: 1.1rem;
        width: calc(100% - 110px);
        width: -webkit-calc(100% - 110px); }
      .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .line {
        margin-bottom: 10px; }
        .class_identifier_oeuvre .page--collections--oeuvre-artist .artist-details .line:last-child:after {
          content: '';
          display: block;
          width: 70%;
          height: 1px;
          background-color: #7B7C7E;
          margin-left: auto;
          margin-right: auto;
          position: relative;
          top: 20px; } }

.class_identifier_oeuvre .page--collections--oeuvre-carte .module--oeuvre {
  height: auto; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .carto {
  background-color: #FFF;
  display: inline-block;
  width: 1075px;
  height: 650px;
  position: relative; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .map-visu {
  position: absolute;
  top: 135px;
  left: 50%;
  margin-left: -72.5px;
  width: 145px;
  height: 100px;
  background-position: center;
  background-size: cover;
  border: solid 9px #1D1D1E;
  z-index: 1; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .infobox {
  text-align: center;
  background-color: transparent !important;
  border: none !important; }
  .class_identifier_oeuvre .page--collections--oeuvre-carte .infobox a {
    display: inline-block;
    border: solid 9px #1D1D1E; }
    .class_identifier_oeuvre .page--collections--oeuvre-carte .infobox a img {
      vertical-align: top; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .module--oeuvre {
  height: auto; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .carto {
  background-color: #FFF;
  display: inline-block;
  width: 1075px;
  height: 650px;
  position: relative; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .map-visu {
  position: absolute;
  top: 135px;
  left: 50%;
  margin-left: -72.5px;
  width: 145px;
  height: 100px;
  background-position: center;
  background-size: cover;
  border: solid 9px #1D1D1E;
  z-index: 1; }

.class_identifier_oeuvre .page--collections--oeuvre-carte .infobox {
  text-align: center;
  background-color: transparent !important;
  border: none !important; }
  .class_identifier_oeuvre .page--collections--oeuvre-carte .infobox a {
    display: inline-block;
    border: solid 9px #1D1D1E; }
    .class_identifier_oeuvre .page--collections--oeuvre-carte .infobox a img {
      vertical-align: top; }

.page-frise #frise {
  height: 600px;
  width: 925px;
  color: white;
  overflow: visible;
  display: block;
  margin: 0 auto;
  position: relative; }
  .page-frise #frise .custom-controls {
    position: absolute;
    width: 100%;
    font-size: 48px;
    font-size: 4.8rem; }
    .page-frise #frise .custom-controls .left {
      position: absolute;
      left: -60px;
      transition: all 0.3s ease 0s; }
      .page-frise #frise .custom-controls .left:hover, .page-frise #frise .custom-controls .left:active, .page-frise #frise .custom-controls .left:focus {
        color: #D8383F; }
    .page-frise #frise .custom-controls .right {
      position: absolute;
      right: -60px;
      transition: all 0.3s ease 0s; }
      .page-frise #frise .custom-controls .right:hover, .page-frise #frise .custom-controls .right:active, .page-frise #frise .custom-controls .right:focus {
        color: #D8383F; }
  .page-frise #frise .frise-item a:hover .visu img, .page-frise #frise .frise-item a:focus .visu img, .page-frise #frise .frise-item a:active .visu img {
    border-color: #D8383F; }
  .page-frise #frise .frise-item .date {
    font-family: "bikobold";
    font-size: 18px;
    font-size: 1.8rem; }
  .page-frise #frise .frise-item .description {
    font-family: "open_sansregular";
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block; }
  .page-frise #frise .frise-item .mark {
    width: 2px;
    padding: 0;
    position: relative;
    left: 50%;
    margin-left: -1px; }
  .page-frise #frise .frise-item--top .date {
    margin-bottom: 7px; }
  .page-frise #frise .frise-item--top .visu {
    height: 130px;
    text-align: center;
    margin-bottom: 30px;
    height: 100%;
    position: relative; }
    .page-frise #frise .frise-item--top .visu img {
      height: 100%;
      width: auto;
      border: solid 6px #FFF;
      transition: all 0.3s ease 0s; }
    .page-frise #frise .frise-item--top .visu:before {
      content: '';
      display: none;
      width: 30px;
      height: 30px;
      background-color: #ffffff;
      transform: translateX(-50%) translateY(100%) rotate(45deg);
      position: absolute;
      bottom: 0px;
      left: 50%; }
  .page-frise #frise .frise-item--top .description {
    padding-bottom: 15px; }
  .page-frise #frise .frise-item--top .mark {
    bottom: 0; }
  .page-frise #frise .frise-item--top:hover.has-popup .visu:before, .page-frise #frise .frise-item--top:focus.has-popup .visu:before {
    display: block; }
  .page-frise #frise .frise-item--top:hover.has-popup .item-popup, .page-frise #frise .frise-item--top:focus.has-popup .item-popup {
    display: block; }
  .page-frise #frise .frise-item--bot:hover .visu, .page-frise #frise .frise-item--bot:active .visu, .page-frise #frise .frise-item--bot:focus .visu {
    color: #D8383F; }
  .page-frise #frise .frise-item--bot .date {
    margin-top: 7px; }
  .page-frise #frise .frise-item--bot .description {
    padding-top: 15px;
    height: 39px; }
  .page-frise #frise .frise-item--bot .visu {
    display: block;
    font-size: 48px;
    font-size: 4.8rem;
    margin-top: 20px;
    transition: all 0.3s ease 0s;
    position: relative; }
  .page-frise #frise .frise-item--bot .mark {
    top: 0;
    height: 50px; }
  .page-frise #frise .item-popup {
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 400px;
    background-color: #FFFFFF;
    color: #0b132b;
    text-align: left;
    z-index: 100; }
    .page-frise #frise .item-popup-border {
      height: 30px;
      width: 100%;
      border-top: solid 1px #b81231;
      position: relative;
      margin-bottom: 5px; }
      .page-frise #frise .item-popup-border:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 30px;
        width: 30px;
        border-right: solid 13px #b81231;
        border-top: solid 12px #b81231;
        content: ''; }
    .page-frise #frise .item-popup-date {
      font-size: 28px;
      text-transform: uppercase;
      margin-bottom: 10px;
      font-family: "novecento_sans_widebook";
      line-height: 1.2em; }
    .page-frise #frise .item-popup-title {
      color: #0b132b;
      font-size: 13px;
      margin-bottom: 20px;
      font-family: "open_sansbold";
      line-height: 1.2em; }
    .page-frise #frise .item-popup-description {
      font-size: 13px;
      color: #0b132b;
      font-family: "open_sanslight";
      line-height: 1.2em; }
  .page-frise #frise .frise-window {
    height: 100%;
    overflow: hidden; }
  .page-frise #frise .frise-viewport {
    height: 100%;
    position: relative; }
  .page-frise #frise .frise-item {
    width: 200px;
    text-align: center;
    position: absolute;
    display: inline-block; }
    .page-frise #frise .frise-item--top {
      bottom: 270px;
      height: 280.5px; }
    .page-frise #frise .frise-item--bot {
      top: 330px;
      height: 270px; }
    .page-frise #frise .frise-item--center {
      width: 115px;
      height: 115px;
      top: 254px; }
      .page-frise #frise .frise-item--center .visu-marker {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 69px;
        margin-bottom: 20px;
        width: 57px;
        display: inline-block; }
      .page-frise #frise .frise-item--center .date {
        font-size: 28px;
        font-size: 2.8rem; }
  .page-frise #frise .frise-line {
    height: 2px;
    background-color: #FFF;
    position: absolute;
    top: 55%;
    margin-top: -1px; }
    .page-frise #frise .frise-line:after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 20px;
      background-color: #FFF;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -10px; }
    .page-frise #frise .frise-line:before {
      content: '';
      display: inline-block;
      width: 2px;
      height: 20px;
      background-color: #FFF;
      position: absolute;
      right: 0px;
      top: 50%;
      margin-top: -10px; }

.page-frise--oeuvre .module--oeuvre {
  height: 600px; }

.page-frise--oeuvre .frise-left {
  width: 1075px;
  display: inline-block; }

.page-frise--oeuvre #frise {
  width: 83%;
  display: block; }

/* Agenda */
.class_group_content .page--agenda .sliderGabarit .nextPage {
  right: 50px;
  color: #FFF; }

.class_group_content .page--agenda .sliderGabarit .prevPage {
  color: #FFF;
  left: 50px; }

.class_group_content .page--agenda .sliderGabarit .callToAction--light {
  margin-top: 45px;
  max-width: 100%;
  width: 550px; }

.class_group_content .page--agenda .sliderGabarit .has-scroll {
  position: absolute;
  left: 50%;
  margin-left: -14px;
  bottom: 45px;
  width: 40px; }

.class_group_content .page--agenda .sliderGabarit .pagerSquare {
  right: 50px; }

.class_group_content .page--agenda .section-agenda {
  background-color: #FFF; }

@media (max-width: 1279px) {
  .class_group_content .page--agenda .sliderGabarit .nextPage, .class_group_content .page--agenda .sliderGabarit .prevPage {
    display: none; }
  .class_group_content .page--agenda .sliderGabarit .pagerSquare {
    right: 0px; } }

@media (max-width: 639px) {
  .class_group_content .page--agenda .callToAction--light {
    width: 275px; } }

.class_group_content .page--agenda .select-contain {
  position: absolute;
  right: 80px;
  top: 50%;
  margin-top: -16px;
  text-align: left; }
  .class_group_content .page--agenda .select-contain .icon {
    float: right;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0; }

.class_group_content .page--agenda .collection-select {
  width: 240px;
  text-transform: none;
  font-family: "loveloblack";
  font-size: 16px;
  font-size: 1.6rem;
  padding: 7px 10px 7px 15px;
  text-align: left;
  border: 4px solid #1D1D1E;
  transition: all 0.3s ease 0s; }
  .class_group_content .page--agenda .collection-select:hover .icon, .class_group_content .page--agenda .collection-select:focus .icon, .class_group_content .page--agenda .collection-select:active .icon {
    color: #D8383F; }

.class_group_content .page--agenda .collection-list {
  z-index: 3;
  display: none;
  text-align: left;
  position: absolute;
  font-family: "loveloblack";
  top: 30px;
  border: solid 4px #1D1D1E;
  border-top: none;
  background-color: #FFF;
  width: 240px;
  color: #1D1D1E; }
  .class_group_content .page--agenda .collection-list li {
    padding: 5px 10px 5px 15px;
    font-size: 15px;
    font-size: 1.5rem; }
    .class_group_content .page--agenda .collection-list li.collection-active {
      opacity: 0.3; }
    .class_group_content .page--agenda .collection-list li a {
      transition: all 0.3s ease 0s; }
      .class_group_content .page--agenda .collection-list li a:hover, .class_group_content .page--agenda .collection-list li a:focus, .class_group_content .page--agenda .collection-list li a:active {
        color: #D8383F; }

@media (max-width: 1279px) {
  .class_group_content .page--agenda .select-contain {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 240px; }
    .class_group_content .page--agenda .select-contain .icon {
      width: 20px; }
    .class_group_content .page--agenda .select-contain .collection-list {
      top: auto; } }

.mac.class_group_content .page--agenda .collection-select .collection span {
  display: inline-block;
  margin-top: 3px; }

.arianne.recherche {
  background-color: #FFF;
  color: #1D1D1E; }
  .arianne.recherche .searchEngine .field {
    border: solid 4px #231F20;
    padding-left: 20px;
    height: 30px;
    margin-right: 15px;
    vertical-align: top;
    font-family: "atc_overlookregular";
    font-size: 14px;
    font-size: 1.4rem;
    width: 310px;
    transition: all 0.3s ease 0s; }
    .arianne.recherche .searchEngine .field:hover, .arianne.recherche .searchEngine .field:active, .arianne.recherche .searchEngine .field:focus {
      border-color: #D8383F; }
  .arianne.recherche .searchEngine .send {
    width: 140px;
    background-color: #231F20;
    color: #FFF;
    text-align: center;
    display: inline-block;
    height: 30px;
    vertical-align: top;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 14px;
    font-size: 1.4rem;
    border: solid 4px #231F20;
    padding-top: 2px;
    transition: all 0.3s ease 0s; }
    .arianne.recherche .searchEngine .send:focus, .arianne.recherche .searchEngine .send:hover, .arianne.recherche .searchEngine .send:active {
      color: #231F20;
      background-color: #FFF;
      border-color: #D8383F;
      color: #D8383F; }

.page--recherche {
  background-color: #FFF;
  overflow: auto; }
  .page--recherche .results {
    margin-bottom: 30px;
    margin-top: 30px; }
  .page--recherche .actu-list--gabarit .head {
    margin-bottom: 30px; }
    .page--recherche .actu-list--gabarit .head .categorie {
      margin: 0; }
    .page--recherche .actu-list--gabarit .head .tiret {
      margin-left: 10px;
      margin-right: 10px; }
  @media (min-width: 1280px) {
    .page--recherche .actu-list--gabarit .results {
      margin-top: 30px; }
    .page--recherche .actu-list--gabarit .right {
      border-bottom: solid 1px #1D1D1E; }
    .page--recherche .actu-list--gabarit .contain--learn-more {
      float: right; }
    .page--recherche .actu-list--gabarit:last-child .right {
      border-bottom: none; } }
  @media (max-width: 639px) {
    .page--recherche .actu-list--gabarit .head {
      margin-bottom: 15px; }
      .page--recherche .actu-list--gabarit .head .tiret {
        margin-left: 5px; }
      .page--recherche .actu-list--gabarit .head .categorie {
        margin-left: 0px; } }

.class_group_content.class_identifier_page_wide .page--archive {
  padding-bottom: 45px;
  background-color: #FFF; }
  .class_group_content.class_identifier_page_wide .page--archive h1 {
    color: #FFF;
    font-family: "loveloblack";
    font-size: 2.8rem;
    margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: 0.031em; }
  @media (max-width: 1279px) {
    .class_group_content.class_identifier_page_wide .page--archive {
      padding-bottom: 45px; } }
  @media (max-width: 639px) {
    .class_group_content.class_identifier_page_wide .page--archive {
      padding-bottom: 22.5px; } }
  @media (min-width: 1280px) {
    .class_group_content.class_identifier_page_wide .page--archive .contain--learn-more {
      float: right; } }
  @media (min-width: 1280px) {
    .class_group_content.class_identifier_page_wide .page--archive .right {
      border-bottom: solid 1px #1D1D1E; } }
  .class_group_content.class_identifier_page_wide .page--archive .actu-list--gabarit:last-child .right {
    border-bottom: none; }
  .class_group_content.class_identifier_page_wide .page--archive .pagination--light {
    margin-bottom: 0 !important; }

/* Musee Privée */
.musee-prive {
  width: 100%; }
  .musee-prive .container-ext {
    width: 650px;
    margin: 0 auto;
    background-color: #D8383F; }
  .musee-prive .bg-white {
    background-color: #FFF; }
  .musee-prive .bg-gold {
    background-color: #C49A6C; }
  .musee-prive .container-int {
    padding: 60px 75px; }
  .musee-prive .icon-chevron-down {
    color: #FFF;
    font-size: 19px;
    font-size: 1.9rem; }
  .musee-prive .icon-chevron-up {
    color: #FFF;
    font-size: 19px;
    font-size: 1.9rem; }
  .musee-prive .banner--wide-mp {
    background-position: center center;
    background-size: cover;
    padding-bottom: 80px;
    min-height: 500px;
    position: relative;
    padding-top: 70px; }
  .musee-prive .banner--wide {
    padding-bottom: 0px;
    min-height: 510px; }
    @media (max-width: 1279px) {
      .musee-prive .banner--wide {
        width: 100%;
        display: inline-block; } }
  .musee-prive h2 {
    margin-top: 0px !important;
    font-family: "bikobold" !important;
    margin-bottom: 40px;
    text-transform: none;
    text-align: center;
    font-size: 36px !important;
    font-size: 3.6rem !important; }
  .musee-prive .chevron-inner {
    position: absolute;
    bottom: 30px; }
  .musee-prive .banner--wide-mp:last-child .chevron-inner {
    bottom: 1px; }
  .musee-prive button:hover, .musee-prive button:active, .musee-prive button:focus {
    color: #D8383F; }
  .musee-prive .button-mp {
    border: 4px solid #FFF;
    padding: 30px;
    font-family: "loveloblack";
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block;
    min-width: 420px;
    margin: 0 auto 40px;
    max-width: 100%;
    text-align: center;
    /*@include transition(all,0.3s,ease,0s);
	    &:hover,
		&:active,
		&:focus{
			color:$default-hover-color;
			border-color:$default-hover-color;
			@include transition(all,0.3s,ease,0s);
		}*/ }
  .musee-prive p {
    font-family: "open_sansregular";
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px;
    line-height: 19px; }
    .musee-prive p .bold {
      font-family: "open_sansbold"; }
    .musee-prive p:last-child {
      margin-bottom: 0px; }
  .musee-prive .text-white h2, .musee-prive .text-white a, .musee-prive .text-white p, .musee-prive .text-white ul, .musee-prive .text-white ol, .musee-prive .text-white li {
    color: #FFF;
    border-color: #FFF; }
  .musee-prive .text-white a {
    transition: all 0.3s ease 0s; }
    .musee-prive .text-white a:hover, .musee-prive .text-white a:active, .musee-prive .text-white a:focus {
      color: #1D1D1E;
      border-color: #1D1D1E; }
  .musee-prive .text-dark h2, .musee-prive .text-dark a, .musee-prive .text-dark p, .musee-prive .text-dark ul, .musee-prive .text-dark ol, .musee-prive .text-dark li {
    color: #1D1D1E;
    border-color: #1D1D1E; }
  .musee-prive .text-dark a {
    transition: all 0.3s ease 0s; }
    .musee-prive .text-dark a:hover, .musee-prive .text-dark a:active, .musee-prive .text-dark a:focus {
      color: #D8383F;
      border-color: #D8383F; }

@media (min-width: 640px) and (max-width: 1279px) {
  .musee-prive {
    width: 100%; }
    .musee-prive .container-ext {
      width: 100%;
      margin: 0 auto;
      background-color: #D8383F; }
    .musee-prive .bg-white {
      background-color: #FFF; }
    .musee-prive .bg-gold {
      background-color: #C49A6C; }
    .musee-prive .container-int {
      padding: 60px 55px; }
    .musee-prive .icon-chevron-down {
      color: #FFF;
      font-size: 19px;
      font-size: 1.9rem; }
    .musee-prive .icon-chevron-up {
      color: #FFF;
      font-size: 19px;
      font-size: 1.9rem; }
    .musee-prive .banner--wide-mp {
      padding-bottom: 0px;
      height: auto;
      position: relative;
      padding-top: 0px;
      background: none;
      min-height: 0px; }
    .musee-prive .banner--wide {
      padding-bottom: 0px;
      min-height: 780px; }
    .musee-prive h2 {
      margin-top: 0px !important;
      font-family: "bikobold";
      margin-bottom: 40px;
      text-transform: none;
      text-align: center;
      font-size: 36px !important;
      font-size: 3.6rem !important; }
    .musee-prive .chevron-inner {
      position: absolute;
      bottom: 30px; }
    .musee-prive .banner--wide-mp:last-child .chevron-inner {
      bottom: 1px; }
    .musee-prive button:hover, .musee-prive button:active, .musee-prive button:focus {
      color: #D8383F; }
    .musee-prive .button-mp {
      border: 4px solid #FFF;
      padding: 30px;
      font-family: "loveloblack";
      font-size: 24px;
      font-size: 2.4rem;
      display: inline-block;
      min-width: 420px;
      margin: 0 auto 40px;
      max-width: 100%;
      text-align: center; }
    .musee-prive p {
      font-family: "open_sansregular";
      font-size: 22px;
      font-size: 2.2rem;
      margin-bottom: 33px;
      line-height: 26px; }
      .musee-prive p .bold {
        font-family: "open_sansbold"; }
      .musee-prive p:last-child {
        margin-bottom: 0px; }
    .musee-prive .text-white h2, .musee-prive .text-white a, .musee-prive .text-white p {
      color: #FFF;
      border-color: #FFF; }
    .musee-prive .text-dark h2, .musee-prive .text-dark a, .musee-prive .text-dark p {
      color: #1D1D1E;
      border-color: #1D1D1E; } }

@media (max-width: 639px) {
  .musee-prive {
    width: 100%; }
    .musee-prive .container-ext {
      width: 100%;
      margin: 0 auto;
      background-color: #D8383F; }
    .musee-prive .bg-white {
      background-color: #FFF; }
    .musee-prive .bg-gold {
      background-color: #C49A6C; }
    .musee-prive .container-int {
      padding: 30px 22.5px; }
    .musee-prive .icon-chevron-down {
      color: #FFF;
      font-size: 9.5px;
      font-size: 0.95rem; }
    .musee-prive .icon-chevron-up {
      color: #FFF;
      font-size: 9.5px;
      font-size: 0.95rem; }
    .musee-prive .banner--wide-mp {
      padding-bottom: 0px;
      height: auto;
      position: relative;
      padding-top: 0px;
      background: none;
      min-height: 0px; }
    .musee-prive .banner--wide {
      padding-bottom: 0px;
      min-height: 390px; }
    .musee-prive h2 {
      margin-top: 0px !important;
      font-family: "bikobold";
      margin-bottom: 20px;
      text-transform: none;
      text-align: center;
      font-size: 18px !important;
      font-size: 1.8rem !important; }
    .musee-prive .chevron-inner {
      position: absolute;
      bottom: 15px; }
    .musee-prive .banner--wide-mp:last-child .chevron-inner {
      bottom: 0.5px; }
    .musee-prive .button-mp {
      border: 2px solid #FFF;
      padding: 15px;
      font-family: "loveloblack";
      font-size: 12px;
      font-size: 1.2rem;
      display: inline-block;
      min-width: 210px;
      margin: 0 auto 20px;
      max-width: 100%;
      text-align: center; }
    .musee-prive p {
      font-family: "open_sansregular";
      font-size: 11px;
      font-size: 1.1rem;
      margin-bottom: 16.5px;
      line-height: 13px; }
      .musee-prive p .bold {
        font-family: "open_sansbold"; }
      .musee-prive p:last-child {
        margin-bottom: 0px; } }

.presse-content {
  background-color: #fff;
  overflow: auto; }
  .presse-content .bg-image {
    height: 387px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 55px; }
    .presse-content .bg-image .btn-presse {
      text-align: center;
      width: 100%; }
    .presse-content .bg-image a {
      display: block;
      height: 87px;
      width: 600px;
      background-color: #FFF;
      font-family: "bikobold";
      font-size: 24px;
      font-size: 2.4rem; }
    .presse-content .bg-image .valign {
      vertical-align: middle;
      height: 100%;
      padding-top: 89px; }
    .presse-content .bg-image div.overPicture {
      border: solid 3px;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      cursor: auto;
      padding: 0 10px;
      transition: all 0.3s ease 0s;
      min-height: 85px;
      width: 600px;
      border-color: #fff;
      background-color: #fff;
      color: #1d1d1e;
      font-family: "bikobold";
      font-size: 24px;
      margin-bottom: 33px; }
    .presse-content .bg-image a.overPicture {
      background-color: transparent;
      border: solid 3px;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      cursor: pointer;
      padding: 0 10px;
      transition: all 0.3s ease 0s;
      min-height: 85px;
      width: 600px;
      color: #FFF;
      border-color: #FFF;
      background-color: #FFF;
      border-color: #FFF;
      color: #1D1D1E;
      font-family: "bikobold";
      font-size: 24px;
      margin-bottom: 0; }
      .presse-content .bg-image a.overPicture .innerContent {
        display: inline-block;
        vertical-align: middle;
        max-width: 450px; }
      .presse-content .bg-image a.overPicture:before {
        content: '';
        height: 85px;
        display: inline-block;
        vertical-align: middle; }
      @media (min-width: 640px) and (max-width: 1279px) {
        .presse-content .bg-image a.overPicture {
          font-size: 36px; } }
      @media (max-width: 639px) {
        .presse-content .bg-image a.overPicture {
          font-size: 18px; } }
      .presse-content .bg-image a.overPicture:hover, .presse-content .bg-image a.overPicture:active,
      .presse-content .bg-image a.overPicture a:focus {
        background-color: transparent;
        color: #FFF; }
      .presse-content .bg-image a.overPicture:hover, .presse-content .bg-image a.overPicture:focus, .presse-content .bg-image a.overPicture:active {
        color: #D8383F;
        border-color: #D8383F; }
  .presse-content .download-presse .press-folder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1220px;
    margin: 0 auto;
    max-width: calc(100% - 80px); }
    .presse-content .download-presse .press-folder .dossier {
      width: 270px;
      height: 240px;
      border: solid 2px #7b7c7e;
      text-align: center;
      border-radius: 10px;
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      vertical-align: top;
      margin-right: 34px;
      transition: all 0.3s ease 0s;
      margin-bottom: 35px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 1rem 1rem 2rem 1rem; }
      .presse-content .download-presse .press-folder .dossier .title {
        margin-bottom: 0;
        height: 54px;
        margin-top: auto; }
      .presse-content .download-presse .press-folder .dossier .date {
        margin-top: 1.5rem;
        margin-bottom: 0; }
      .presse-content .download-presse .press-folder .dossier .icon {
        font-size: 34px;
        font-size: 3.4rem;
        margin-top: auto; }
      .presse-content .download-presse .press-folder .dossier:hover, .presse-content .download-presse .press-folder .dossier:focus, .presse-content .download-presse .press-folder .dossier:active {
        color: #fff;
        background-color: #7B7C7E; }
      .presse-content .download-presse .press-folder .dossier.hasImage .dossier-image {
        width: 100px;
        height: 100px;
        margin-bottom: 0.25rem; }
        .presse-content .download-presse .press-folder .dossier.hasImage .dossier-image > img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    @media (max-width: 1261px) and (min-width: 958px) {
      .presse-content .download-presse .press-folder .dossier:nth-child(3n) {
        margin-right: 0; } }
    @media (max-width: 687px) {
      .presse-content .download-presse .press-folder {
        max-width: calc(100% - 40px); }
        .presse-content .download-presse .press-folder .dossier {
          margin-right: auto;
          margin-left: auto; } }
  .presse-content .download-presse p {
    margin-bottom: 45px; }
  .presse-content .download-presse i {
    font-size: 50px;
    font-size: 5rem;
    margin-right: 120px;
    margin-left: -120px; }
  .presse-content .download-presse .download--wide-4 {
    margin-bottom: 40px; }
  .presse-content .download-presse .buttonCall {
    margin-bottom: 100px; }
  .presse-content .miniTitre {
    font-family: "bikobold";
    font-size: 24px;
    font-size: 2.4rem;
    vertical-align: middle; }
  .presse-content .col-left,
  .presse-content .col-right {
    width: 425px;
    vertical-align: top; }
  .presse-content .acces-phototheque {
    padding-bottom: 140px; }
    .presse-content .acces-phototheque p.center-line {
      margin-bottom: 65px; }
    .presse-content .acces-phototheque .icon-mountain {
      font-size: 41px;
      font-size: 4.1rem;
      margin-left: -45px;
      margin-right: 45px; }
    .presse-content .acces-phototheque .mBottom {
      margin-bottom: 30px; }
    .presse-content .acces-phototheque input {
      height: 65px;
      width: 100%;
      margin-bottom: 10px;
      font-family: "atc_overlookregular";
      font-size: 24px;
      font-size: 2.4rem;
      border: 4px solid #BCBEC0;
      color: #BCBEC0;
      padding-left: 30px;
      text-align: center; }
    .presse-content .acces-phototheque .form-group:last-child {
      margin-bottom: 19px; }
    .presse-content .acces-phototheque button,
    .presse-content .acces-phototheque .callToAction--dark {
      border: 4px solid #2C2C2E;
      color: #2C2C2E;
      height: 85px;
      width: 100%;
      font-family: "loveloblack";
      font-size: 24px;
      font-size: 2.4rem;
      text-transform: uppercase;
      transition: all 0.3s ease 0s; }
      .presse-content .acces-phototheque button:hover, .presse-content .acces-phototheque button:active, .presse-content .acces-phototheque button:focus,
      .presse-content .acces-phototheque .callToAction--dark:hover,
      .presse-content .acces-phototheque .callToAction--dark:active,
      .presse-content .acces-phototheque .callToAction--dark:focus {
        color: #D8383F;
        border-color: #D8383F;
        transition: all 0.3s ease 0s; }
    .presse-content .acces-phototheque p {
      text-align: center;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 20px; }
      .presse-content .acces-phototheque p:last-child {
        margin-bottom: 50px; }
    .presse-content .acces-phototheque .fyi p {
      color: #D8383F;
      margin-bottom: 10px;
      text-align: left; }
    .presse-content .acces-phototheque .sous-titre {
      font-family: "bikobold";
      font-size: 24px;
      font-size: 2.4rem;
      margin-bottom: 30px;
      color: #1D1D1E; }
    .presse-content .acces-phototheque .passwordLost {
      margin-top: 10px;
      margin-bottom: 0px; }
    .presse-content .acces-phototheque .inner-container {
      width: 430px;
      margin: 0 auto; }
      .presse-content .acces-phototheque .inner-container p {
        text-align: left; }
    .presse-content .acces-phototheque .form1 a {
      text-decoration: underline; }
      .presse-content .acces-phototheque .form1 a:hover, .presse-content .acces-phototheque .form1 a:active, .presse-content .acces-phototheque .form1 a:focus {
        color: #D8383F; }
  .presse-content .container--phototheque {
    width: 1180px;
    margin: 0 auto; }
    .presse-content .container--phototheque p.center-line {
      margin-bottom: 65px; }
    .presse-content .container--phototheque p {
      text-align: center;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem; }
    .presse-content .container--phototheque .icon-mountain {
      font-size: 41px;
      font-size: 4.1rem;
      margin-left: -45px;
      margin-right: 45px; }
  .presse-content .phototheque a:not(.callToAction--dark) {
    transition: all 0.3s ease 0s;
    display: inline-block;
    width: 25%;
    padding: 0 12px;
    vertical-align: top; }
    .presse-content .phototheque a:not(.callToAction--dark):hover .nommagePhoto,
    .presse-content .phototheque a:not(.callToAction--dark):focus .nommagePhoto,
    .presse-content .phototheque a:not(.callToAction--dark):active .nommagePhoto {
      color: #D8383F;
      transition: all 0.3s ease 0s; }
    @media (max-width: 1279px) {
      .presse-content .phototheque a:not(.callToAction--dark) {
        width: 50%; } }
    @media (max-width: 639px) {
      .presse-content .phototheque a:not(.callToAction--dark) {
        width: 100%; } }
  .presse-content .phototheque .line {
    text-align: center; }
  .presse-content .phototheque .blocPhoto {
    margin-bottom: 20px; }
    .presse-content .phototheque .blocPhoto .thumbnail-presse {
      margin-bottom: 13px;
      width: 270px;
      height: 240px;
      border-radius: 5px;
      background-size: cover;
      background-repeat: no-repeat; }
    .presse-content .phototheque .blocPhoto .nommagePhoto {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      color: #1D1D1E;
      display: inline-block;
      width: 200px; }
    .presse-content .phototheque .blocPhoto p {
      margin-bottom: 0px; }
  .presse-content .phototheque .line:last-child {
    margin-bottom: 20px; }
  .presse-content .phototheque .buttonCall {
    padding-bottom: 45px; }
    .presse-content .phototheque .buttonCall .callToAction--dark {
      margin-bottom: 0px; }

@media (min-width: 640px) and (max-width: 1279px) {
  .presse-content .mBottom {
    margin-bottom: 55px; }
  .presse-content .bg-image {
    height: 387px;
    margin-bottom: 55px;
    background: none;
    background-image: none !important; }
    .presse-content .bg-image .btn-presse {
      text-align: center;
      width: 100%; }
    .presse-content .bg-image a {
      display: block;
      height: 87px;
      width: 600px;
      background-color: #FFF;
      font-family: "bikobold";
      font-size: 24px;
      font-size: 2.4rem; }
    .presse-content .bg-image .valign {
      height: 100%;
      padding-top: 89px; }
    .presse-content .bg-image .overPicture {
      background-color: transparent;
      border: solid 3px;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      cursor: pointer;
      padding: 0 10px;
      transition: all 0.3s ease 0s;
      min-height: 85px;
      width: 600px;
      color: #FFF;
      border-color: #FFF;
      background-color: #FFF;
      border-color: #FFF;
      color: #1D1D1E;
      font-family: "bikobold";
      font-size: 24px;
      margin-bottom: 33px;
      border: 4px solid #1D1D1E;
      background-color: transparent;
      font-size: 36px;
      font-size: 3.6rem;
      text-transform: unset;
      width: 525px;
      margin-right: auto;
      margin-left: auto; }
      .presse-content .bg-image .overPicture .innerContent {
        display: inline-block;
        vertical-align: middle;
        max-width: 450px; }
      .presse-content .bg-image .overPicture:before {
        content: '';
        height: 85px;
        display: inline-block;
        vertical-align: middle; } }
    @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
      .presse-content .bg-image .overPicture {
        font-size: 36px; } }
    @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
      .presse-content .bg-image .overPicture {
        font-size: 18px; } }

@media (min-width: 640px) and (max-width: 1279px) {
      .presse-content .bg-image .overPicture:hover, .presse-content .bg-image .overPicture:active,
      .presse-content .bg-image .overPicture a:focus {
        background-color: transparent;
        color: #FFF; }
      .presse-content .bg-image .overPicture:hover, .presse-content .bg-image .overPicture:focus, .presse-content .bg-image .overPicture:active {
        color: #D8383F;
        border-color: #D8383F; }
  .presse-content .download-presse p {
    margin-bottom: 45px; }
  .presse-content .download-presse i {
    font-size: 75px;
    font-size: 7.5rem;
    display: block;
    margin: 125px auto 30px; }
  .presse-content .download-presse .download--wide-4 {
    margin-bottom: 40px; }
  .presse-content .download-presse .buttonCall {
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 525px; }
    .presse-content .download-presse .buttonCall .callToAction--dark {
      text-transform: unset !important; }
  .presse-content .miniTitre {
    font-size: 36px;
    font-size: 3.6rem;
    vertical-align: middle; }
  .presse-content .col-left,
  .presse-content .col-right {
    width: 425px;
    vertical-align: top;
    display: block;
    margin: 0 auto; }
  .presse-content .acces-phototheque {
    padding-bottom: 0px;
    /*
			p{
				text-align:center;
				font-family:$font-opensans-light;
				color:$lighter-dark-font-color;
				font-size: 16px;
				font-size:1.6rem;
				margin-bottom:20px;
				&:last-child{
					margin-bottom:50px;
				}
			}
			.fyi p{
				color: $default-hover-color;
				margin-bottom: 10px;
				text-align: left;
			}
			.sous-titre{
				font-family:$font-biko-bold;
				font-size: 24px;
				font-size: 2.4rem;
				margin-bottom:30px;
				color:$default-dark-font-color;
			}
			.passwordLost{
				margin-top: 10px;
				margin-bottom:0px;
			}*/
    /*
			.form1 a{
				//text-align:center;
				//font-family: $font-opensans-light;
				//font-size: 16px;
				//font-size: 1.6rem;
				//color:$default-dark-font-color;
				text-decoration: underline;
				&:hover,
				&:active,
				&:focus{
					color:$default-hover-color;
				}
			}*/ }
    .presse-content .acces-phototheque p.center-line {
      margin-bottom: 65px; }
    .presse-content .acces-phototheque .icon-mountain {
      font-size: 65px;
      font-size: 6.5rem;
      display: block;
      margin: 125px auto 30px; }
    .presse-content .acces-phototheque .mBottom {
      margin-bottom: 30px; }
    .presse-content .acces-phototheque input {
      height: 65px;
      width: 100%;
      margin-bottom: 10px;
      font-size: 20px;
      font-size: 2rem;
      border: 4px solid #BCBEC0;
      color: #BCBEC0;
      padding-left: 30px;
      text-align: center; }
    .presse-content .acces-phototheque button,
    .presse-content .acces-phototheque .callToAction--dark {
      font-size: 20px;
      padding-top: 0px; }
    .presse-content .acces-phototheque .inner-container {
      width: 100%;
      margin: 0 auto; }
      .presse-content .acces-phototheque .inner-container p {
        text-align: left; }
  .presse-content .container--phototheque {
    width: 100%;
    margin: 0 auto; }
    .presse-content .container--phototheque p.center-line {
      margin-bottom: 65px; }
    .presse-content .container--phototheque p {
      text-align: center;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem; }
    .presse-content .container--phototheque .icon-mountain {
      font-size: 65px;
      font-size: 6.5rem;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 35px; }
  .presse-content .phototheque a {
    width: 50%;
    vertical-align: top;
    transition: all 0.3s ease 0s; }
    .presse-content .phototheque a:hover .nommagePhoto,
    .presse-content .phototheque a:focus .nommagePhoto,
    .presse-content .phototheque a:active .nommagePhoto {
      color: #D8383F;
      transition: all 0.3s ease 0s; }
  .presse-content .phototheque .blocPhoto {
    margin-bottom: 20px; }
    .presse-content .phototheque .blocPhoto .thumbnail-presse {
      width: 270px;
      height: 240px;
      border-radius: 5px;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto 13px; }
    .presse-content .phototheque .blocPhoto .nommagePhoto {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      color: #1D1D1E; }
    .presse-content .phototheque .blocPhoto p {
      margin-bottom: 0px; }
  .presse-content .phototheque .line:last-child {
    margin-bottom: 20px; }
  .presse-content .phototheque .buttonCall {
    padding-bottom: 45px; }
    .presse-content .phototheque .buttonCall .callToAction--dark {
      width: 575px;
      margin-bottom: 0px; } }

@media (max-width: 639px) {
  .presse-content .mBottom {
    margin-bottom: 22.5px; }
  .presse-content .bg-image {
    height: 250px;
    margin-bottom: 22.5px;
    background: none;
    background-image: none !important; }
    .presse-content .bg-image .btn-presse {
      text-align: center;
      width: 100%; }
    .presse-content .bg-image a {
      display: block;
      height: 43.5px;
      width: 300px;
      background-color: #FFF;
      font-family: "bikobold";
      font-size: 12px;
      font-size: 1.2rem; }
    .presse-content .bg-image .valign {
      height: 100%;
      padding-top: 44.5px; }
    .presse-content .bg-image .overPicture {
      background-color: transparent;
      border: solid 3px;
      text-align: center;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      cursor: pointer;
      padding: 0 10px;
      transition: all 0.3s ease 0s;
      min-height: 42.5px;
      width: 600px;
      color: #FFF;
      border-color: #FFF;
      background-color: #FFF;
      border-color: #FFF;
      color: #1D1D1E;
      font-family: "bikobold";
      font-size: 24px;
      margin-bottom: 16.5px;
      border: 3px solid #1D1D1E;
      background-color: transparent;
      font-size: 18px;
      font-size: 1.8rem;
      text-transform: unset;
      width: 262.5px;
      margin-right: auto;
      margin-left: auto; }
      .presse-content .bg-image .overPicture .innerContent {
        display: inline-block;
        vertical-align: middle;
        max-width: 450px; }
      .presse-content .bg-image .overPicture:before {
        content: '';
        height: 42.5px;
        display: inline-block;
        vertical-align: middle; } }
    @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
      .presse-content .bg-image .overPicture {
        font-size: 36px; } }
    @media (max-width: 639px) and (max-width: 639px) {
      .presse-content .bg-image .overPicture {
        font-size: 18px; } }

@media (max-width: 639px) {
      .presse-content .bg-image .overPicture:hover, .presse-content .bg-image .overPicture:active,
      .presse-content .bg-image .overPicture a:focus {
        background-color: transparent;
        color: #FFF; }
      .presse-content .bg-image .overPicture:hover, .presse-content .bg-image .overPicture:focus, .presse-content .bg-image .overPicture:active {
        color: #D8383F;
        border-color: #D8383F; }
  .presse-content .download-presse p {
    margin-bottom: 22.5px; }
  .presse-content .download-presse i {
    font-size: 37.5px;
    font-size: 3.75rem;
    display: block;
    margin: 62.5px auto 15px; }
  .presse-content .download-presse .download--wide-4 {
    margin-bottom: 20px; }
  .presse-content .download-presse .buttonCall {
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 262.5px; }
    .presse-content .download-presse .buttonCall .callToAction--dark {
      text-transform: unset !important;
      height: 42.5px;
      padding-top: 10px; }
  .presse-content .miniTitre {
    font-size: 18px;
    font-size: 1.8rem;
    vertical-align: middle; }
  .presse-content .col-left,
  .presse-content .col-right {
    width: 100%;
    vertical-align: top;
    display: block;
    margin: 0 auto; }
  .presse-content .acces-phototheque {
    padding-bottom: 0px; }
    .presse-content .acces-phototheque p.center-line {
      margin-bottom: 32.5px; }
    .presse-content .acces-phototheque p:last-child {
      margin-bottom: 20px; }
    .presse-content .acces-phototheque .icon-mountain {
      font-size: 32.5px;
      font-size: 3.25rem;
      display: block;
      margin: 62.5px auto 15px; }
    .presse-content .acces-phototheque .mBottom {
      margin-bottom: 15px; }
    .presse-content .acces-phototheque input {
      height: 65px;
      width: 100%;
      margin-bottom: 10px;
      font-size: 20px;
      font-size: 2rem;
      border: 4px solid #BCBEC0;
      color: #BCBEC0;
      padding-left: 30px;
      text-align: center; }
    .presse-content .acces-phototheque button,
    .presse-content .acces-phototheque .callToAction--dark {
      border: 3px solid #2C2C2E;
      height: 42.5px;
      width: 100%;
      font-size: 12px;
      font-size: 1.2rem; }
    .presse-content .acces-phototheque .col-right .callToAction--dark {
      padding-top: 10px; }
    .presse-content .acces-phototheque .inner-container {
      width: 100%;
      margin: 0 auto; }
      .presse-content .acces-phototheque .inner-container p {
        text-align: left; }
  .presse-content .container--phototheque {
    width: 100%;
    margin: 0 auto; }
    .presse-content .container--phototheque p.center-line {
      margin-bottom: 65px; }
    .presse-content .container--phototheque p {
      text-align: center;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem; }
    .presse-content .container--phototheque .icon-mountain {
      font-size: 32.5px;
      font-size: 3.25rem;
      margin-left: auto;
      margin-right: auto;
      display: block;
      margin-bottom: 17.5px; }
  .presse-content .phototheque a {
    width: 100%;
    transition: all 0.3s ease 0s; }
    .presse-content .phototheque a:hover .nommagePhoto,
    .presse-content .phototheque a:focus .nommagePhoto,
    .presse-content .phototheque a:active .nommagePhoto {
      color: #D8383F;
      transition: all 0.3s ease 0s; }
  .presse-content .phototheque .blocPhoto {
    margin-bottom: 20px; }
    .presse-content .phototheque .blocPhoto .thumbnail-presse {
      width: 270px;
      height: 240px;
      border-radius: 5px;
      background-size: cover;
      background-repeat: no-repeat;
      margin: 0 auto 13px; }
    .presse-content .phototheque .blocPhoto .nommagePhoto {
      font-family: "bikobold";
      font-size: 18px;
      font-size: 1.8rem;
      color: #1D1D1E; }
    .presse-content .phototheque .blocPhoto p {
      margin-bottom: 0px; }
  .presse-content .phototheque .line:last-child {
    margin-bottom: 20px; }
  .presse-content .phototheque .buttonCall {
    padding-bottom: 45px; }
    .presse-content .phototheque .buttonCall .callToAction--dark {
      width: 90%;
      margin-bottom: 0px;
      height: 42.5px;
      padding-top: 10px; } }

.white-board {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 20px; }

.presse-full {
  display: block;
  margin: 0 auto;
  text-align: center; }
  .presse-full img {
    max-width: 100%; }
  .presse-full figcaption {
    padding: 20px;
    font-family: "bikobold";
    font-size: 18px;
    letter-spacing: 0.025em; }

/*Infos*/
.contact-us {
  background-color: #fff;
  width: 100%;
  padding-top: 40px; }
  .contact-us p {
    text-align: center;
    font-family: "open_sanslight";
    color: #2C2C2E;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px; }
  .contact-us .fyi p {
    color: #D8383F;
    margin-bottom: 10px;
    text-align: left; }
  .contact-us .sous-titre {
    font-family: "bikobold";
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 30px;
    color: #1D1D1E; }
  .contact-us .inner-container {
    width: 430px;
    margin: 0 auto; }
  .contact-us .inner-container-thin {
    width: 425px;
    margin: 0 auto; }
  .contact-us input, .contact-us textarea {
    height: 65px;
    width: 100%;
    margin-bottom: 10px;
    font-family: "atc_overlookregular";
    font-size: 22px;
    font-size: 2.2rem;
    border: 4px solid #BCBEC0;
    color: #BCBEC0;
    padding-left: 30px; }
  .contact-us textarea {
    padding-top: 15px;
    resize: none;
    height: 250px; }
  .contact-us #newsletterCheckbox {
    width: 30px;
    height: 30px; }
  .contact-us .selectContact-container {
    position: relative; }
    .contact-us .selectContact-container .fancy-select {
      border-radius: 4px;
      border-color: #BCBEC0; }
      .contact-us .selectContact-container .fancy-select.focus-fancy-select {
        border-color: #77787B; }
    .contact-us .selectContact-container .trigger:after {
      content: "\e93d";
      font-family: "pba";
      font-size: 18px;
      font-size: 1.8rem;
      position: absolute;
      right: 20px;
      top: 16px;
      color: #BCBEC0; }
  .contact-us .mailText {
    min-height: 250px; }
  .contact-us label {
    display: inline-block;
    font-family: "open_sanslight";
    color: #2C2C2E;
    font-size: 16px;
    font-size: 1.6rem;
    height: 30px;
    vertical-align: middle;
    margin-bottom: 10px; }
  .contact-us button {
    border: 4px solid #2C2C2E;
    color: #2C2C2E;
    height: 85px;
    width: 100%;
    font-family: "loveloblack";
    font-size: 24px;
    font-size: 2.4rem;
    text-transform: uppercase;
    margin-bottom: 30px;
    transition: all 0.3s ease 0s; }
    .contact-us button:hover, .contact-us button:active, .contact-us button:focus {
      color: #D8383F;
      border-color: #D8383F;
      transition: all 0.3s ease 0s; }
  .contact-us .small p {
    font-size: 85%; }

.checkbox {
  /* on prépare le label */
  /* Aspect des checkboxes */
  /* :before sert à créer la case à cocher */
  /* Aspect général de la coche */
  /* Aspect si "pas cochée" */
  /* Aspect si "cochée" */
  /* aspect désactivée */
  /* styles de la coche (si cochée/désactivée) */
  /* on style aussi le label quand désactivé */
  /* aspect au focus de l'élément */ }
  .checkbox [type="checkbox"]:not(:checked),
  .checkbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px; }
  .checkbox [type="checkbox"]:not(:checked) + label,
  .checkbox [type="checkbox"]:checked + label {
    position: relative;
    /* permet de positionner les pseudo-éléments */
    padding-left: 45px;
    cursor: pointer;
    /* affiche un curseur adapté */
    padding-top: 6px; }
  .checkbox [type="checkbox"]:not(:checked) + label:before,
  .checkbox [type="checkbox"]:checked + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    border: 4px solid #77787B;
    background: #FFF none repeat scroll 0% 0%; }
  .checkbox [type="checkbox"]:not(:checked) + label:after,
  .checkbox [type="checkbox"]:checked + label:after {
    content: '\e920';
    position: absolute;
    font-family: 'pba';
    top: -1px;
    left: 0px;
    font-size: 32px;
    font-size: 3.2rem;
    color: #77787B;
    transform: rotate(45deg); }
  .checkbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    /* coche invisible */
    transform: scale(0);
    /* mise à l'échelle à 0 */ }
  .checkbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    /* coche opaque */ }
  .checkbox [type="checkbox"]:disabled:not(:checked) + label:before,
  .checkbox [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd; }
  .checkbox [type="checkbox"]:disabled:checked + label:after {
    color: #999; }
  .checkbox [type="checkbox"]:disabled + label {
    color: #aaa; }
  .checkbox [type="checkbox"]:checked:focus + label:before,
  .checkbox [type="checkbox"]:not(:checked):focus + label:before {
    border: 4px solid #77787B; }

.form1 {
  /***Couleurs erreur et succès****/
  /*******************************/ }
  .form1 .help-block {
    font-family: "open_sanslight";
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 22px;
    color: #1D1D1E;
    margin-top: -4px;
    position: absolute;
    display: inline;
    bottom: -35px;
    height: 40px;
    width: 100%;
    left: 0px;
    text-align: left;
    -moz-hyphens: none !important;
    z-index: 5;
    display: none !important; }
  .form1 .form-control:focus {
    border-color: #77787B;
    box-shadow: none; }
  .form1 .form-group2 .help-block {
    width: 190px; }
    .form1 .form-group2 .help-block::after {
      content: "";
      width: 0px;
      height: 0px;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #E0001A;
      position: absolute;
      z-index: 20;
      right: 85px;
      top: 40px; }
  .form1 .form-group3 .help-block {
    text-align: left;
    border: medium none;
    position: absolute;
    background-color: transparent;
    color: #E2001a;
    margin-left: 17px;
    margin-top: 20px;
    top: 23px;
    padding-right: 0px;
    left: 0px;
    width: 200px;
    margin-top: 0px; }
    .form1 .form-group3 .help-block::after {
      content: "";
      width: 0px;
      height: 0px;
      border-left: 0px solid transparent;
      border-right: 0px solid transparent;
      border-top: 0px solid #E2001A;
      z-index: 0; }
  .form1 .help-block .check {
    font-family: latoregular;
    font-size: 14px;
    font-size: 1.2rem;
    margin-left: 22px;
    color: #fff;
    margin-top: -4px; }
  .form1 .has-error .form-control {
    border-color: #e2001a;
    background-color: #fce5e8; }
  .form1 .has-success .form-control {
    border-color: #BCBEC0;
    background-color: inherit; }
  .form1 .has-error .trigger {
    border-color: #e2001a;
    background-color: #fce5e8; }
  .form1 .has-error .fancy-select {
    border-color: #e2001a;
    background-color: #fce5e8; }
  .form1 .has-error [type="checkbox"]:not(:checked) + label::before {
    border: 1px solid #e2001a; }

@media (max-width: 639px) {
  .contact-us {
    background-color: #fff;
    width: 100%;
    padding-top: 40px; }
    .contact-us p {
      text-align: center;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 30px; }
    .contact-us .fyi p {
      color: #D8383F;
      margin-bottom: 10px;
      text-align: left; }
    .contact-us .sous-titre {
      font-family: "bikobold";
      font-size: 24px;
      font-size: 2.4rem;
      margin-bottom: 30px;
      color: #1D1D1E; }
    .contact-us .inner-container {
      width: 100%;
      margin: 0 auto; }
    .contact-us .inner-container-thin {
      width: 100%;
      margin: 0 auto; }
    .contact-us input, .contact-us textarea {
      height: 65px;
      width: 100%;
      margin-bottom: 10px;
      font-family: "atc_overlookregular";
      font-size: 22px;
      font-size: 2.2rem;
      border: 4px solid #BCBEC0;
      color: #BCBEC0;
      padding-left: 30px; }
    .contact-us textarea {
      padding-top: 15px;
      resize: none;
      height: 250px; }
    .contact-us #newsletterCheckbox {
      width: 30px;
      height: 30px; }
    .contact-us .selectContact-container {
      position: relative; }
      .contact-us .selectContact-container .fancy-select {
        border-color: #BCBEC0; }
        .contact-us .selectContact-container .fancy-select.focus-fancy-select {
          border-color: #77787B; }
    .contact-us .mailText {
      min-height: 250px; }
    .contact-us label {
      display: inline-block;
      font-family: "open_sanslight";
      color: #2C2C2E;
      font-size: 16px;
      font-size: 1.6rem;
      height: 30px;
      vertical-align: middle;
      margin-bottom: 10px; }
    .contact-us button {
      border: 4px solid #2C2C2E;
      color: #2C2C2E;
      height: 65px;
      width: 100%;
      font-family: "loveloblack";
      font-size: 24px;
      font-size: 2.4rem;
      text-transform: uppercase;
      margin-bottom: 30px;
      transition: all 0.3s ease 0s; }
      .contact-us button:hover, .contact-us button:active, .contact-us button:focus {
        color: #D8383F;
        border-color: #D8383F;
        transition: all 0.3s ease 0s; }
    .contact-us .small {
      font-size: 12px;
      font-size: 1.2rem; } }

.infos {
  background-color: #fff; }
  .infos .bg-image {
    height: 510px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.2) inset;
    overflow: auto; }
  .infos .container {
    width: 800px;
    height: 335px;
    margin: 0px auto;
    vertical-align: middle;
    position: relative;
    margin-top: 85px;
    background-size: 102% auto;
    background-position: -9px 79px; }
  .infos .deco-left {
    position: absolute;
    left: 0px;
    top: 0px;
    border-left: 16px solid #FFF;
    border-top: 16px solid #FFF;
    border-bottom: 16px solid #FFF;
    height: 100%;
    width: 30px; }
  .infos .deco-right {
    position: absolute;
    right: 0px;
    top: 0px;
    border-right: 16px solid #FFF;
    border-top: 16px solid #FFF;
    border-bottom: 16px solid #FFF;
    height: 100%;
    width: 30px; }
  .infos .inner-container {
    font-family: "novecento_sans_wide_bookbold";
    color: #FFF;
    font-size: 21px;
    font-size: 2.1rem;
    text-align: center; }
    .infos .inner-container .picto-vert {
      width: 50px;
      height: 50px;
      margin: 0px auto;
      margin-top: 110px;
      margin-bottom: 40px; }
    .infos .inner-container p {
      margin-bottom: 30px;
      letter-spacing: 0.07em; }
    .infos .inner-container .bloc-green {
      border: 4px solid #FFF;
      color: #FFF;
      font-family: "loveloblack";
      font-size: 24px;
      font-size: 2.4rem;
      width: auto;
      margin-left: 90px;
      margin-right: 90px;
      height: 62px;
      padding-top: 6px;
      vertical-align: middle; }
      .infos .inner-container .bloc-green #compte_a_rebours {
        font-size: 2rem; }
      .infos .inner-container .bloc-green .vAlign:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em; }
      .infos .inner-container .bloc-green .numbers {
        font-family: "novecento_wide_boldbold";
        font-size: 22px;
        font-size: 2.2rem; }
      .infos .inner-container .bloc-green .letters {
        font-family: "novecento_widenormal";
        font-size: 22px;
        font-size: 2.2rem; }
    .infos .inner-container .ferme {
      background-color: #D8383F; }
      .infos .inner-container .ferme .museeOuvert {
        display: none; }
      .infos .inner-container .ferme .museeFerme {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        height: 100%; }
    .infos .inner-container .ouvert {
      background-color: #00B899; }
      .infos .inner-container .ouvert .museeOuvert {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        height: 100%; }
      .infos .inner-container .ouvert .museeFerme {
        display: none; }
  .infos .main-container-info {
    width: 1280px;
    margin: 0 auto;
    padding: 90px 150px; }
    .infos .main-container-info a {
      color: #D8383F; }
    .infos .main-container-info .container-info {
      width: 440px;
      min-height: 130px;
      vertical-align: top; }
      .infos .main-container-info .container-info .icon {
        display: inline-block;
        width: 85px;
        vertical-align: top;
        font-size: 40px;
        font-size: 4.0rem; }
      .infos .main-container-info .container-info .icon-clock {
        font-size: 47px;
        font-size: 4.7rem; }
      .infos .main-container-info .container-info .icon-marker {
        font-size: 54px;
        font-size: 5.4rem; }
      .infos .main-container-info .container-info .icon-credit-card {
        font-size: 37px;
        font-size: 3.7rem; }
      .infos .main-container-info .container-info .icon-ticket {
        font-size: 35px;
        font-size: 3.5rem; }
      .infos .main-container-info .container-info .icon-pmr {
        font-size: 50px;
        font-size: 5rem; }
      .infos .main-container-info .container-info .icon-parcours {
        font-size: 45px;
        font-size: 4.5rem; }
      .infos .main-container-info .container-info .icon-mobile-pba {
        font-size: 60px;
        font-size: 6rem; }
      .infos .main-container-info .container-info .icon-plan {
        font-size: 42px;
        font-size: 4.2rem; }
      .infos .main-container-info .container-info .icon-bed {
        font-size: 38px;
        font-size: 3.8rem; }
      .infos .main-container-info .container-info .icon-bed {
        font-size: 38px;
        font-size: 3.8rem; }
      .infos .main-container-info .container-info .icon-team {
        font-size: 61px;
        font-size: 6.1rem; }
      .infos .main-container-info .container-info .icon-send {
        font-size: 37px;
        font-size: 3.7rem; }
      .infos .main-container-info .container-info .icon-share-circled {
        font-size: 47px;
        font-size: 4.7rem; }
      .infos .main-container-info .container-info .icon-clock {
        font-size: 47px;
        font-size: 4.7rem; }
      .infos .main-container-info .container-info .inner-right {
        display: inline-block;
        width: 350px; }
      .infos .main-container-info .container-info p {
        font-family: "open_sanslight";
        font-size: 15px;
        font-size: 1.5rem;
        margin-bottom: 15px; }
        .infos .main-container-info .container-info p .bold {
          font-family: "open_sansbold";
          font-size: 15px;
          font-size: 1.5rem; }
        .infos .main-container-info .container-info p .uppercase {
          text-transform: uppercase; }
      .infos .main-container-info .container-info a:hover, .infos .main-container-info .container-info a:active, .infos .main-container-info .container-info a:focus {
        text-decoration: underline;
        color: #D8383F; }
      .infos .main-container-info .container-info .socials {
        width: 100%; }
        .infos .main-container-info .container-info .socials .icon {
          font-size: 31px;
          font-size: 3.1rem;
          color: #D8383F; }
        .infos .main-container-info .container-info .socials .icon-instagram {
          font-size: 24px;
          font-size: 2.4rem;
          text-align: left;
          margin-left: 4px;
          margin-top: 4px; }
        .infos .main-container-info .container-info .socials div {
          display: inline-block;
          width: 40px; }
      .infos .main-container-info .container-info h2 {
        font-family: "loveloblack";
        font-size: 21px;
        font-size: 2.1rem;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 4px; }
      .infos .main-container-info .container-info span.info-detail {
        display: block;
        color: #D8383F;
        font-family: "open_sansbold";
        font-size: 15px;
        font-size: 1.5rem; }
      .infos .main-container-info .container-info .detail {
        margin-top: 25px; }
    .infos .main-container-info .line {
      margin-bottom: 50px; }
      .infos .main-container-info .line:last-child {
        margin-bottom: 0px; }
  .infos .headband-pba {
    width: 100%;
    background-color: #D8383F;
    height: 160px; }
    .infos .headband-pba .blocLogo {
      vertical-align: middle; }
    .infos .headband-pba .logo {
      width: 100%;
      padding-top: 46px;
      padding-bottom: 46px; }
      .infos .headband-pba .logo .logo-content {
        width: auto;
        display: block;
        color: white;
        font-size: 30px;
        font-size: 3.0rem;
        letter-spacing: 0.13em;
        text-align: center;
        margin-bottom: 15px;
        transition: all 0.3s ease 0s; }
        .infos .headband-pba .logo .logo-content span.need-mr {
          margin-right: 12px; }
        .infos .headband-pba .logo .logo-content span.need-tiret {
          margin-right: 20px;
          position: relative; }
          .infos .headband-pba .logo .logo-content span.need-tiret:after {
            display: inline-block;
            content: '';
            width: 10px;
            height: 1.5px;
            background-color: #FFF;
            position: absolute;
            top: 50%;
            right: -12px;
            transition: all 0.3s ease 0s; }
    .infos .headband-pba p {
      font-family: "novecento_sans_wide_bookbold";
      color: #FFF;
      font-size: 21px;
      font-size: 2.1rem;
      text-align: center;
      letter-spacing: 0.07em; }
  .infos .bg-plan-triptyque {
    background-color: #FBFBFB;
    width: 100%; }
  .infos .plan-triptyque {
    height: 500px;
    width: 1280px;
    margin: 0px auto; }

@media (min-width: 640px) and (max-width: 1279px) {
  .infos {
    background-color: #fff; }
    .infos .bg-image {
      height: 510px;
      width: 100%;
      background-position: center center;
      background-size: cover; }
    .infos .container {
      background-image: url("") !important;
      width: 100%;
      height: 420px;
      margin: 0px auto;
      vertical-align: middle;
      position: relative;
      padding-top: 105px;
      padding-left: 0;
      padding-right: 0;
      background-size: 102% auto;
      background-position: -9px 79px; }
    .infos .inner-container {
      font-family: "novecento_sans_wide_bookbold";
      color: #FFF;
      font-size: 31px;
      font-size: 3.1rem;
      text-align: center; }
      .infos .inner-container .picto-vert {
        width: 64px;
        height: 74px;
        margin: 0px auto;
        margin-top: 0px;
        margin-bottom: 40px; }
      .infos .inner-container .bloc-green {
        margin: 0 auto;
        border: medium none #FFF;
        width: 580px; }
      .infos .inner-container .ferme {
        background-color: #D8383F !important; }
        .infos .inner-container .ferme .museeOuvert {
          display: none; }
        .infos .inner-container .ferme .museeFerme {
          display: inline-block; }
      .infos .inner-container .ouvert {
        background-color: #00B899; }
        .infos .inner-container .ouvert .museeOuvert {
          display: inline-block; }
        .infos .inner-container .ouvert .museeFerme {
          display: none; }
      .infos .inner-container p {
        width: 420px;
        margin: 0 auto;
        margin-bottom: 85px; }
    .infos .main-container-info {
      width: 100%;
      margin: 0 auto;
      padding: 70px 55px; }
      .infos .main-container-info .line {
        margin-bottom: 0px; }
      .infos .main-container-info .container-info {
        width: 100%;
        min-height: 130px;
        vertical-align: top; }
        .infos .main-container-info .container-info .icon {
          display: block;
          text-align: center;
          width: 100%;
          margin-bottom: 45px; }
        .infos .main-container-info .container-info .inner-right {
          display: inline-block;
          width: 350px; }
        .infos .main-container-info .container-info .inner-right {
          width: 100%;
          margin-bottom: 85px; }
          .infos .main-container-info .container-info .inner-right h2 {
            text-align: center;
            font-size: 36px;
            font-size: 3.6rem;
            margin-top: 0px; }
          .infos .main-container-info .container-info .inner-right p {
            font-size: 26px;
            font-size: 2.6rem; }
            .infos .main-container-info .container-info .inner-right p .bold {
              font-size: 26px;
              font-size: 2.6rem; }
        .infos .main-container-info .container-info span.info-detail {
          font-size: 26px;
          font-size: 2.6rem;
          text-align: center;
          border: 3px solid #1D1D1E;
          padding: 12px 28px;
          width: 90%;
          margin: 0 auto;
          margin-top: 20px; }
        .infos .main-container-info .container-info a {
          transition: all 0.3s ease 0s; }
          .infos .main-container-info .container-info a:hover, .infos .main-container-info .container-info a:active, .infos .main-container-info .container-info a:focus {
            text-decoration: none;
            color: #D8383F;
            border-color: #D8383F; }
          .infos .main-container-info .container-info a:hover .info-detail,
          .infos .main-container-info .container-info a:active .info-detail,
          .infos .main-container-info .container-info a:focus .info-detail {
            text-decoration: none;
            color: #D8383F;
            border-color: #D8383F;
            transition: all 0.3s ease 0s; }
        .infos .main-container-info .container-info .socials {
          text-align: justify;
          -ms-text-justify: distribute-all-lines;
          text-justify: distribute-all-lines;
          font-size: 0px;
          line-height: 0; }
          .infos .main-container-info .container-info .socials > * {
            display: inline-block; }
          .infos .main-container-info .container-info .socials::after {
            content: "";
            width: 100%;
            display: inline-block; }
          .infos .main-container-info .container-info .socials .icon {
            font-size: 60px;
            font-size: 6rem; }
    .infos .headband-pba {
      display: none; }
    .infos .plan-triptyque {
      display: none; } }

@media (max-width: 639px) {
  .infos {
    background-color: #fff; }
    .infos .bg-image {
      height: 255px;
      width: 100%;
      background-position: center center;
      background-size: cover; }
    .infos .container {
      background-image: url("") !important;
      width: 100%;
      height: 210px;
      margin: 0px auto;
      vertical-align: middle;
      position: relative;
      padding-top: 52.5px;
      padding-left: 0;
      padding-right: 0;
      background-size: 102% auto;
      background-position: -4.5px 39.5px; }
    .infos .inner-container {
      font-family: "novecento_sans_wide_bookbold";
      color: #FFF;
      font-size: 15.5px;
      font-size: 1.55rem;
      text-align: center; }
      .infos .inner-container .picto-vert {
        width: 32px;
        height: 37px;
        margin: 0px auto;
        margin-top: 0px;
        margin-bottom: 20px; }
      .infos .inner-container .bloc-green {
        margin: 0 auto;
        border: medium none #FFF;
        width: 290px;
        font-size: 12px;
        font-size: 1.2rem;
        height: 31px; }
      .infos .inner-container .ferme {
        background-color: #D8383F !important; }
        .infos .inner-container .ferme .museeOuvert {
          display: none; }
        .infos .inner-container .ferme .museeFerme {
          display: inline-block; }
      .infos .inner-container .ouvert {
        background-color: #00B899; }
        .infos .inner-container .ouvert .museeOuvert {
          display: inline-block; }
        .infos .inner-container .ouvert .museeFerme {
          display: none; }
      .infos .inner-container p {
        width: 210px;
        margin: 0 auto;
        margin-bottom: 42.5px; }
    .infos .main-container-info {
      width: 100%;
      margin: 0 auto;
      padding: 35px 27.5px; }
      .infos .main-container-info .line {
        margin-bottom: 0px; }
      .infos .main-container-info .container-info {
        width: 100%;
        min-height: 65px;
        vertical-align: top; }
        .infos .main-container-info .container-info .icon {
          display: block;
          text-align: center;
          width: 100%;
          margin-bottom: 22.5px; }
        .infos .main-container-info .container-info .icon-clock {
          font-size: 23.5px;
          font-size: 2.35rem; }
        .infos .main-container-info .container-info .icon-marker {
          font-size: 27px;
          font-size: 2.7rem; }
        .infos .main-container-info .container-info .icon-credit-card {
          font-size: 18.5px;
          font-size: 1.85rem; }
        .infos .main-container-info .container-info .icon-ticket {
          font-size: 17.5px;
          font-size: 1.75rem; }
        .infos .main-container-info .container-info .icon-pmr {
          font-size: 25px;
          font-size: 2.5rem; }
        .infos .main-container-info .container-info .icon-parcours {
          font-size: 22.5px;
          font-size: 2.25rem; }
        .infos .main-container-info .container-info .icon-mobile-pba {
          font-size: 30px;
          font-size: 3rem; }
        .infos .main-container-info .container-info .icon-plan {
          font-size: 21px;
          font-size: 2.1rem; }
        .infos .main-container-info .container-info .icon-bed {
          font-size: 19px;
          font-size: 1.9rem; }
        .infos .main-container-info .container-info .icon-bed {
          font-size: 19px;
          font-size: 1.9rem; }
        .infos .main-container-info .container-info .icon-team {
          font-size: 30.5px;
          font-size: 3.05rem; }
        .infos .main-container-info .container-info .icon-send {
          font-size: 18.5px;
          font-size: 1.85rem; }
        .infos .main-container-info .container-info .icon-share-circled {
          font-size: 23.5px;
          font-size: 2.35rem; }
        .infos .main-container-info .container-info .icon-clock {
          font-size: 23.5px;
          font-size: 2.35rem; }
        .infos .main-container-info .container-info .inner-right {
          width: 100%;
          margin-bottom: 42.5px; }
          .infos .main-container-info .container-info .inner-right h2 {
            text-align: center;
            font-size: 18px;
            font-size: 1.8rem;
            margin-top: 0px; }
          .infos .main-container-info .container-info .inner-right p {
            font-size: 13px;
            font-size: 1.3rem; }
            .infos .main-container-info .container-info .inner-right p .bold {
              font-size: 13px;
              font-size: 1.3rem; }
        .infos .main-container-info .container-info span.info-detail {
          font-size: 13px;
          font-size: 1.3rem;
          text-align: center;
          border: 1.5px solid #1D1D1E;
          padding: 6px 14px;
          width: 90%;
          margin: 0 auto;
          margin-top: 10px; }
        .infos .main-container-info .container-info a {
          transition: all 0.3s ease 0s; }
          .infos .main-container-info .container-info a:hover, .infos .main-container-info .container-info a:active, .infos .main-container-info .container-info a:focus {
            text-decoration: none;
            color: #D8383F;
            border-color: #D8383F; }
          .infos .main-container-info .container-info a:hover .info-detail,
          .infos .main-container-info .container-info a:active .info-detail,
          .infos .main-container-info .container-info a:focus .info-detail {
            text-decoration: none;
            color: #D8383F;
            border-color: #D8383F;
            transition: all 0.3s ease 0s; }
        .infos .main-container-info .container-info .socials {
          text-align: justify;
          -ms-text-justify: distribute-all-lines;
          text-justify: distribute-all-lines;
          font-size: 0px;
          line-height: 0; }
          .infos .main-container-info .container-info .socials > * {
            display: inline-block; }
          .infos .main-container-info .container-info .socials::after {
            content: "";
            width: 100%;
            display: inline-block; }
          .infos .main-container-info .container-info .socials .icon {
            font-size: 30px;
            font-size: 3rem; }
    .infos .headband-pba {
      display: none; }
    .infos .plan-triptyque {
      display: none; } }

.class_group_content.class_identifier_page_wide .page--autres-sites {
  background-color: #fff; }
  .class_group_content.class_identifier_page_wide .page--autres-sites figure {
    text-align: center; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .container-ext {
    width: 1090px;
    margin: 0 auto;
    padding-top: 100px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .container-int {
    padding: 100px 150px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line1 {
    width: 100%;
    margin-bottom: 140px;
    text-align: center; }
  .class_group_content.class_identifier_page_wide .page--autres-sites h1 {
    font-family: "loveloblack";
    font-size: 28px;
    font-size: 2.8rem;
    margin-top: 40px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.031em; }
    @media (max-width: 639px) {
      .class_group_content.class_identifier_page_wide .page--autres-sites h1 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 20px; } }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line2 {
    display: table;
    width: 100%;
    margin-bottom: 140px;
    margin-left: 20px;
    /*&:last-child{
             margin-bottom:0px;
            }*/ }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div {
      display: table-cell; }

@media (min-width: 640px) and (max-width: 1280px) {
  .class_group_content.class_identifier_page_wide .page--autres-sites img {
    max-width: 250px;
    height: auto; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line1 {
    display: block;
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
    text-align: center; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line1 div {
      display: inline-block;
      width: 350px;
      vertical-align: middle; }
      .class_group_content.class_identifier_page_wide .page--autres-sites .line1 div:first-child {
        margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line2 {
    display: block;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
    margin-left: 0px; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div {
      display: inline-block;
      width: 350px;
      vertical-align: middle; }
      .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div:first-child {
        margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line3 div {
    display: inline-block;
    width: 350px;
    vertical-align: middle;
    margin-bottom: 35px;
    margin-top: 35px; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line3 div:first-child {
      margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites #deplacement-js-mobile {
    display: none; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .section--wide-2 {
    text-align: center; } }

@media (max-width: 719px) {
  .class_group_content.class_identifier_page_wide .page--autres-sites .line1 div {
    margin-bottom: 35px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div {
    margin-bottom: 35px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line3 div {
    margin-bottom: 35px; } }

@media (max-width: 639px) {
  .class_group_content.class_identifier_page_wide .page--autres-sites img {
    max-width: 250px;
    height: auto; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line1 {
    display: block;
    margin-bottom: 35px;
    margin-top: 35px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line1 div {
      display: block;
      text-align: center; }
      .class_group_content.class_identifier_page_wide .page--autres-sites .line1 div:first-child {
        margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line2 {
    display: block;
    margin-bottom: 0px;
    text-align: center;
    width: 100%;
    margin-left: 0px; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div {
      display: block;
      text-align: center; }
      .class_group_content.class_identifier_page_wide .page--autres-sites .line2 div:first-child {
        margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .line3 {
    text-align: center;
    width: 100%; }
    .class_group_content.class_identifier_page_wide .page--autres-sites .line3 div {
      display: block;
      text-align: center; }
      .class_group_content.class_identifier_page_wide .page--autres-sites .line3 div:first-child {
        margin-right: 20px; }
  .class_group_content.class_identifier_page_wide .page--autres-sites .section--wide-2 {
    text-align: center; } }

.class_group_content .arianne.plan-musee {
  margin-bottom: 30px; }
  .class_group_content .arianne.plan-musee .title {
    width: 500px; }

.class_group_content .page--infos-plan-musee {
  background-color: #FFF; }
  .class_group_content .page--infos-plan-musee section {
    padding-top: 45px;
    overflow: hidden; }
    .class_group_content .page--infos-plan-musee section img {
      margin-bottom: 45px;
      max-width: 100%;
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .class_group_content .page--infos-plan-musee .plan--level {
    text-align: center;
    font-family: "loveloblack";
    font-size: 20px;
    font-size: 2.0rem;
    text-transform: uppercase;
    margin-bottom: 45px; }
    .class_group_content .page--infos-plan-musee .plan--level .circled {
      display: inline-block;
      height: 40px;
      width: 40px;
      border: solid 4px #1D1D1E;
      border-radius: 50px;
      padding-top: 7px;
      text-align: center; }
  .class_group_content .page--infos-plan-musee .callToAction--picto-dark-wide {
    margin-bottom: 30px; }
  .class_group_content .page--infos-plan-musee .gallery-plan--head {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 30px;
    text-align: center; }
  @media (max-width: 1279px) {
    .class_group_content .page--infos-plan-musee {
      padding-bottom: 40px; } }
  @media (max-width: 639px) {
    .class_group_content .page--infos-plan-musee {
      padding-bottom: 20px; } }

.mac.class_group_content .page--infos-plan-musee .plan--level .circled {
  padding-top: 9px; }

.arianne-inscription h1 {
  display: inline; }

.arianne-inscription .back-to {
  display: none; }

.arianne-inscription .title {
  width: 425px;
  text-transform: uppercase;
  font-size: 24px;
  font-size: 2.4rem; }
  .arianne-inscription .title .icon {
    margin-left: -30px;
    margin-right: 30px; }
  .arianne-inscription .title .text {
    vertical-align: middle; }

.inscription button {
  margin-top: 30px; }

.class_group_content .page--glossaire h1 {
  font-family: "loveloblack";
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 40px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.031em; }
  @media (max-width: 639px) {
    .class_group_content .page--glossaire h1 {
      font-size: 14px;
      font-size: 1.4rem;
      margin-top: 20px; } }

@media (max-width: 1279px) {
  .class_group_content.class_identifier_page_wide .rte-contain .rte-col-right .yosemite-rte:first-child {
    margin-top: 0; } }

/* Atelier */
#resa_atelier {
  width: 50%;
  margin: 0 auto;
  background: #fff;
  padding: 50px 50px 100px; }
  #resa_atelier .errors {
    color: red;
    font-weight: bold; }
    #resa_atelier .errors ul {
      margin: 20px 0 20px 40px; }
      #resa_atelier .errors ul li {
        list-style: disc; }
  #resa_atelier h2 {
    text-align: center; }
  #resa_atelier .infos {
    display: block;
    text-align: center;
    font-weight: bold;
    color: red;
    margin-top: 20px; }
  #resa_atelier form {
    margin-top: 50px; }
    #resa_atelier form .required {
      color: #FF0000; }
    #resa_atelier form .infos {
      margin-top: 5px;
      display: block;
      font-size: 12px;
      font-style: italic; }
    #resa_atelier form .form-group {
      margin-bottom: 30px; }
    #resa_atelier form .g-recaptcha {
      float: right; }
    #resa_atelier form .cnil {
      text-align: center;
      font-size: 10px;
      line-height: 12px;
      margin-top: 30px; }
    #resa_atelier form .callToAction--pictoAfter:before {
      content: none; }
  #resa_atelier .valid_form {
    text-align: center;
    margin-bottom: 30px; }
  #resa_atelier .return_atelier {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  #resa_atelier .callToAction--pictoAfter:before {
    content: none; }

.chapo em {
  font-style: italic; }

.container-1-col-ext.content-atelier {
  min-height: 250px; }
  .container-1-col-ext.content-atelier .list_atelier {
    margin-top: 25px;
    margin-bottom: 100px; }
    .container-1-col-ext.content-atelier .list_atelier .age {
      text-transform: uppercase; }
    .container-1-col-ext.content-atelier .list_atelier .atelier {
      margin-top: 20px;
      margin-left: 20px; }
      .container-1-col-ext.content-atelier .list_atelier .atelier.no-cat {
        margin-left: 0;
        margin-top: 40px; }
      .container-1-col-ext.content-atelier .list_atelier .atelier .contain--learn-more {
        text-align: right; }
    .container-1-col-ext.content-atelier .list_atelier .text {
      margin: 15px 0 25px 10px; }
    .container-1-col-ext.content-atelier .list_atelier .dates {
      margin-left: 10px; }
    .container-1-col-ext.content-atelier .list_atelier .resa {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin: 10px 0 30px; }
      .container-1-col-ext.content-atelier .list_atelier .resa .full-bar {
        -ms-flex: 1;
            flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        font-weight: bold;
        position: relative;
        height: 30px;
        border: 1px solid #D1D3D4;
        border-radius: 5px;
        margin-right: 20px; }
        .container-1-col-ext.content-atelier .list_atelier .resa .full-bar .count {
          position: relative;
          z-index: 2;
          font-style: italic; }
        .container-1-col-ext.content-atelier .list_atelier .resa .full-bar .pourcent {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          background-color: #D1D3D4; }
      .container-1-col-ext.content-atelier .list_atelier .resa .contain--learn-more .callToAction--pictoAfter {
        margin-bottom: 0; }

html {
  font-size: 10px; }

body {
  color: #1D1D1E;
  background-color: #1D1D1E;
  font-family: "open_sansregular";
  font-size: 16px;
  font-size: 1.6rem;
  overflow-x: hidden; }

strong {
  font-family: "open_sansbold"; }

button:focus {
  outline: dotted 1px #D8383F; }

/* Container */
.global-container {
  width: 1280px;
  margin: 0 auto; }

.container {
  width: 1280px;
  margin: 0 auto;
  padding: 0; }

.container--full-mobile {
  width: 1280px;
  margin: 0 auto;
  padding: 0; }

.container--wide--padding-free {
  width: 1090px;
  margin: 0 auto; }

.container-thin {
  width: 715px;
  padding: 0px 105px 0px 105px;
  margin: 0 auto; }

/* Titre Niveau 2 */
h2 {
  font-family: "bikobold";
  font-size: 24px;
  font-size: 2.4rem;
  text-transform: uppercase;
  letter-spacing: 0.031em; }

/* YOSEMITE RTE */
.yosemite-rte {
  font-family: "open_sansregular";
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em; }
  .yosemite-rte h2 {
    font-family: "loveloblack";
    font-size: 28px;
    font-size: 2.8rem;
    margin-bottom: 15px; }
  .yosemite-rte h3 {
    font-family: "bikobold";
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 25px;
    margin-top: 40px; }
  .yosemite-rte p {
    margin-bottom: 15px;
    font-family: "open_sansregular"; }
  .yosemite-rte strong {
    font-family: "open_sansbold"; }
  .yosemite-rte li {
    margin-bottom: 23px;
    list-style-type: none;
    font-family: "open_sansregular"; }
    .yosemite-rte li:before {
      content: '\2022';
      display: inline-block;
      font-family: "open_sansbold";
      margin-right: 3px; }
  .yosemite-rte .mailto {
    color: #D8383F;
    display: block; }
  .yosemite-rte .button--rte {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 30px;
    width: 278px;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: none;
    font-family: "bikobold";
    font-size: 18px;
    letter-spacing: 0.064em;
    display: inline-block;
    border: solid 1px #1D1D1E; }
    .yosemite-rte .button--rte .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .yosemite-rte .button--rte:before {
      content: '';
      height: 30px;
      display: inline-block;
      vertical-align: middle; }
    @media (max-width: 1279px) {
      .yosemite-rte .button--rte {
        border-width: 2px; } }
    @media (min-width: 640px) and (max-width: 1279px) {
      .yosemite-rte .button--rte {
        font-size: 28px;
        min-height: 45px; }
        .yosemite-rte .button--rte:before {
          height: 45px; } }
    @media (max-width: 639px) {
      .yosemite-rte .button--rte {
        font-size: 14px;
        min-height: 22.5px; }
        .yosemite-rte .button--rte:before {
          height: 22.5px; } }
    .yosemite-rte .button--rte:hover, .yosemite-rte .button--rte:focus, .yosemite-rte .button--rte:active {
      color: #D8383F;
      border-color: #D8383F; }
  @media (max-width: 1279px) and (min-width: 640px) {
    .yosemite-rte {
      font-size: 26px;
      font-size: 2.6rem; }
      .yosemite-rte h2 {
        font-size: 37px;
        font-size: 3.7rem; }
      .yosemite-rte h3 {
        font-size: 26px;
        font-size: 2.6rem; } }
  @media (max-width: 639px) {
    .yosemite-rte {
      font-size: 13px;
      font-size: 1.3rem; }
      .yosemite-rte p {
        margin-bottom: 7.5px; }
      .yosemite-rte h2 {
        font-size: 18.5px;
        font-size: 1.85rem; }
      .yosemite-rte h3 {
        margin-top: 20px;
        margin-bottom: 12.5px; }
      .yosemite-rte li {
        margin-bottom: 16.5px; } }

.rte--small {
  font-size: 14px !important;
  font-size: 1.4rem !important; }

.has-scroll.icon-chevron-down:hover, .has-scroll.icon-chevron-down:focus, .has-scroll.icon-chevron-up:hover, .has-scroll.icon-chevron-up:focus {
  color: #D8383F; }

.hidden-tablet, .hidden-tablet {
  display: inline-block; }

@media (max-width: 1279px) and (min-width: 640px) {
  .hidden-tablet {
    display: none; } }

@media (max-width: 639px) {
  .hidden-phone {
    display: none; } }

/* Container */
@media (min-width: 640px) and (max-width: 1279px) {
  .global-container {
    width: 100%; }
  .container {
    width: 100%;
    padding: 0 55px;
    margin: 0 auto; }
  .container-padding-40 {
    width: 100%;
    padding: 0 40px;
    margin: 0 auto; }
  .container--full-mobile {
    width: 100%; }
  .container--wide--padding-free {
    width: 100%; }
  .container-thin {
    width: 100%;
    padding: 0 5%;
    margin: 0 auto; }
  .button--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: none;
    font-family: "bikobold";
    font-size: 16px; }
    .button--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .button--dark:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .button--dark {
      font-size: 28px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .button--dark {
      font-size: 14px; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .button--light {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: none;
    font-family: "bikobold";
    font-size: 16px; }
    .button--light .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .button--light:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .button--light {
      font-size: 28px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .button--light {
      font-size: 14px; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .callToAction--light {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--light .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--light:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--light {
      font-size: 28px;
      border-width: 5px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--light {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--light:before {
        height: 40.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--light:hover, .callToAction--light:focus, .callToAction--light:active {
      color: #D8383F;
      border-color: #D8383F; }
  .callToAction--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--dark:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--dark {
      font-size: 28px;
      border-width: 5px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--dark {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--dark:before {
        height: 40.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--dark:hover, .callToAction--dark:focus, .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
  .callToAction--picto-archive {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem; }
    .callToAction--picto-archive .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-archive:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-archive {
      font-size: 28px;
      border-width: 5px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--picto-archive {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-archive:before {
        height: 40.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-archive:hover, .callToAction--picto-archive:focus, .callToAction--picto-archive:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-archive .st0 {
      transition: all 0.3s ease 0s; }
    .callToAction--picto-archive .svg-picto-archive {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px; } }
    @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
      .callToAction--picto-archive .svg-picto-archive {
        height: 13.451px;
        top: 33%; } }

@media (min-width: 640px) and (max-width: 1279px) {
      .callToAction--picto-archive .svg-picto-archive .st0 {
        fill: #1D1D1E; }
    .callToAction--picto-archive:hover .svg-picto-archive .st0, .callToAction--picto-archive:active .svg-picto-archive .st0, .callToAction--picto-archive:focus .svg-picto-archive .st0 {
      fill: #D8383F; }
  .callToAction--picto-agenda {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .callToAction--picto-agenda .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-agenda:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-agenda {
      font-size: 28px;
      border-width: 5px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--picto-agenda {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-agenda:before {
        height: 40.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-agenda:hover, .callToAction--picto-agenda:focus, .callToAction--picto-agenda:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-agenda .st0 {
      transition: all 0.3s ease 0s; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--picto-agenda {
      padding-left: 30px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-agenda .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; } }
    @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
      .callToAction--picto-agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .callToAction--pictoAfter {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: auto;
    color: #1D1D1E;
    border-color: #1D1D1E;
    font-family: "bikobold";
    font-size: 24px;
    width: 130px;
    max-width: 100%;
    border-width: 2px;
    margin-left: auto;
    margin-right: 0;
    text-transform: none;
    position: relative;
    display: inline-block;
    width: auto;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 18px;
    font-size: 1.8rem; }
    .callToAction--pictoAfter .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--pictoAfter:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 36px;
      width: auto; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 18px;
      width: auto; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter:hover, .callToAction--pictoAfter:focus, .callToAction--pictoAfter:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--pictoAfter .st0 {
      transition: all 0.3s ease 0s; }
    .callToAction--pictoAfter .icon {
      margin-left: 10px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 36px;
      border-width: 4px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 18px; } }

@media (min-width: 640px) and (max-width: 1279px) {
  .scrollTo--agenda {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 100px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    display: inline-block;
    border: none;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: "bikobold";
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .scrollTo--agenda .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .scrollTo--agenda:before {
      content: '';
      height: 100px;
      display: inline-block;
      vertical-align: middle; }
    .scrollTo--agenda .innerContent {
      letter-spacing: 0.08em; }
    .scrollTo--agenda .subtitle {
      letter-spacing: normal;
      margin-top: 3px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 1279px) {
    .scrollTo--agenda {
      display: block;
      width: 100%;
      padding-left: 55px;
      min-height: 1px; }
      .scrollTo--agenda:before {
        height: 100%; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda {
      font-size: 28px;
      height: 126px;
      margin-bottom: 46px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .scrollTo--agenda {
      font-size: 14px;
      height: 63px;
      margin-bottom: 43px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda:hover, .scrollTo--agenda:focus, .scrollTo--agenda:active {
      color: #D8383F;
      border-color: #D8383F; }
    .scrollTo--agenda .st0 {
      transition: all 0.3s ease 0s; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .scrollTo--agenda {
      padding-left: 30px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; } }
    @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
      .scrollTo--agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda .svg-picto-agenda {
      top: 30px; }
  .overPicture {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 85px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .overPicture .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .overPicture:before {
      content: '';
      height: 85px;
      display: inline-block;
      vertical-align: middle; } }
  @media (min-width: 640px) and (max-width: 1279px) and (min-width: 640px) and (max-width: 1279px) {
    .overPicture {
      font-size: 28px;
      border-width: 5px; } }
  @media (min-width: 640px) and (max-width: 1279px) and (max-width: 639px) {
    .overPicture {
      font-size: 14px;
      height: auto;
      min-height: 42.5px;
      margin-bottom: 22.5px; }
      .overPicture:before {
        height: 40.5px; } }

@media (min-width: 640px) and (max-width: 1279px) {
    .overPicture:hover, .overPicture:focus, .overPicture:active {
      color: #D8383F;
      border-color: #D8383F; } }

@media (max-width: 639px) {
  .global-container {
    width: 100%; }
  .container {
    width: 100%;
    padding: 0 27.5px;
    margin: 0 auto; }
  .container--full-mobile {
    width: 100%; }
  .yosemite-rte h2 {
    font-size: 16px;
    font-size: 1.6rem; }
  .container-padding-40 {
    width: 100%;
    padding: 0 20px;
    margin: 0 auto; }
  .container--wide--padding-free {
    width: 100%; }
  .container-thin {
    width: 100%;
    padding: 0 5%;
    margin: 0 auto; }
  .button--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: none;
    font-family: "bikobold";
    font-size: 16px; }
    .button--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .button--dark:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .button--dark {
      font-size: 28px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .button--dark {
      font-size: 14px; } }

@media (max-width: 639px) {
  .button--light {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: none;
    font-family: "bikobold";
    font-size: 16px; }
    .button--light .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .button--light:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .button--light {
      font-size: 28px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .button--light {
      font-size: 14px; } }

@media (max-width: 639px) {
  .callToAction--light {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--light .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--light:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--light {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--light {
      font-size: 14px;
      height: auto;
      min-height: 21.5px;
      margin-bottom: 22.5px; }
      .callToAction--light:before {
        height: 19.5px; } }

@media (max-width: 639px) {
    .callToAction--light:hover, .callToAction--light:focus, .callToAction--light:active {
      color: #D8383F;
      border-color: #D8383F; }
  .callToAction--dark {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .callToAction--dark .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--dark:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--dark {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--dark {
      font-size: 14px;
      height: auto;
      min-height: 21.5px;
      margin-bottom: 22.5px; }
      .callToAction--dark:before {
        height: 19.5px; } }

@media (max-width: 639px) {
    .callToAction--dark:hover, .callToAction--dark:focus, .callToAction--dark:active {
      color: #D8383F;
      border-color: #D8383F; }
  .callToAction--picto-archive {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem; }
    .callToAction--picto-archive .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-archive:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-archive {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--picto-archive {
      font-size: 14px;
      height: auto;
      min-height: 21.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-archive:before {
        height: 19.5px; } }

@media (max-width: 639px) {
    .callToAction--picto-archive:hover, .callToAction--picto-archive:focus, .callToAction--picto-archive:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-archive .st0 {
      transition: all 0.3s ease 0s; }
    .callToAction--picto-archive .svg-picto-archive {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px; } }
    @media (max-width: 639px) and (max-width: 639px) {
      .callToAction--picto-archive .svg-picto-archive {
        height: 13.451px;
        top: 33%; } }

@media (max-width: 639px) {
      .callToAction--picto-archive .svg-picto-archive .st0 {
        fill: #1D1D1E; }
    .callToAction--picto-archive:hover .svg-picto-archive .st0, .callToAction--picto-archive:active .svg-picto-archive .st0, .callToAction--picto-archive:focus .svg-picto-archive .st0 {
      fill: #D8383F; }
  .callToAction--picto-agenda {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px;
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .callToAction--picto-agenda .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--picto-agenda:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--picto-agenda {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--picto-agenda {
      font-size: 14px;
      height: auto;
      min-height: 21.5px;
      margin-bottom: 22.5px; }
      .callToAction--picto-agenda:before {
        height: 19.5px; } }

@media (max-width: 639px) {
    .callToAction--picto-agenda:hover, .callToAction--picto-agenda:focus, .callToAction--picto-agenda:active {
      color: #D8383F;
      border-color: #D8383F; }
    .callToAction--picto-agenda .st0 {
      transition: all 0.3s ease 0s; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--picto-agenda {
      padding-left: 30px; } }

@media (max-width: 639px) {
    .callToAction--picto-agenda .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; } }
    @media (max-width: 639px) and (max-width: 639px) {
      .callToAction--picto-agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }

@media (max-width: 639px) {
  .callToAction--pictoAfter {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 43px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    text-transform: none;
    font-family: "bikobold";
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: auto;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 18px;
    font-size: 1.8rem; }
    .callToAction--pictoAfter .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .callToAction--pictoAfter:before {
      content: '';
      height: 43px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 28px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 14px; } }

@media (max-width: 639px) {
    .callToAction--pictoAfter .st0 {
      transition: all 0.3s ease 0s; }
    .callToAction--pictoAfter .icon {
      margin-left: 10px; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .callToAction--pictoAfter {
      font-size: 36px;
      border-width: 4px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .callToAction--pictoAfter {
      font-size: 18px; } }

@media (max-width: 639px) {
  .scrollTo--agenda {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 100px;
    width: 100%;
    color: #1D1D1E;
    border-color: #1D1D1E;
    display: inline-block;
    border: none;
    font-size: 24px;
    background-color: rgba(255, 255, 255, 0.9);
    font-family: "bikobold";
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 60px; }
    .scrollTo--agenda .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .scrollTo--agenda:before {
      content: '';
      height: 100px;
      display: inline-block;
      vertical-align: middle; }
    .scrollTo--agenda .innerContent {
      letter-spacing: 0.08em; }
    .scrollTo--agenda .subtitle {
      letter-spacing: normal;
      margin-top: 3px; } }
  @media (max-width: 639px) and (max-width: 1279px) {
    .scrollTo--agenda {
      display: block;
      width: 100%;
      padding-left: 55px;
      min-height: 1px; }
      .scrollTo--agenda:before {
        height: 100%; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .scrollTo--agenda {
      font-size: 28px;
      height: 126px;
      margin-bottom: 46px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .scrollTo--agenda {
      font-size: 14px;
      height: 63px;
      margin-bottom: 43px; } }

@media (max-width: 639px) {
    .scrollTo--agenda:hover, .scrollTo--agenda:focus, .scrollTo--agenda:active {
      color: #D8383F;
      border-color: #D8383F; }
    .scrollTo--agenda .st0 {
      transition: all 0.3s ease 0s; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .scrollTo--agenda {
      padding-left: 30px; } }

@media (max-width: 639px) {
    .scrollTo--agenda .icon {
      content: '';
      display: inline-block;
      position: absolute;
      background-repeat: no-repeat;
      top: 25px;
      left: 35px;
      font-size: 31px;
      font-size: 3.1rem; } }
    @media (max-width: 639px) and (max-width: 639px) {
      .scrollTo--agenda .icon {
        top: 33%;
        font-size: 15px;
        font-size: 1.5rem;
        left: 17.5px; } }

@media (max-width: 639px) {
    .scrollTo--agenda .svg-picto-agenda {
      top: 44%; }
  .overPicture {
    background-color: transparent;
    border: solid 3px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease 0s;
    min-height: 51px;
    width: 100%;
    color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-family: "loveloblack";
    font-size: 24px;
    max-width: 100%;
    margin-bottom: 45px; }
    .overPicture .innerContent {
      display: inline-block;
      vertical-align: middle;
      max-width: 450px; }
    .overPicture:before {
      content: '';
      height: 51px;
      display: inline-block;
      vertical-align: middle; } }
  @media (max-width: 639px) and (min-width: 640px) and (max-width: 1279px) {
    .overPicture {
      font-size: 28px;
      border-width: 5px; } }
  @media (max-width: 639px) and (max-width: 639px) {
    .overPicture {
      font-size: 14px;
      height: auto;
      min-height: 25.5px;
      margin-bottom: 22.5px; }
      .overPicture:before {
        height: 23.5px; } }

@media (max-width: 639px) {
    .overPicture:hover, .overPicture:focus, .overPicture:active {
      color: #D8383F;
      border-color: #D8383F; } }

#audio-player-overlay .media-audio-player {
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  width: 100%; }
  #audio-player-overlay .media-audio-player audio {
    display: none; }
  #audio-player-overlay .media-audio-player .audio-infos {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    padding: 20px; }
  #audio-player-overlay .media-audio-player .audio-title {
    font-weight: 600;
    font-size: 24px;
    font-size: 2.4rem;
    color: #1c1c1c;
    margin-bottom: 10px; }
  #audio-player-overlay .media-audio-player .audio-artist {
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    color: #1C1C1C;
    margin-bottom: 5px; }
  #audio-player-overlay .media-audio-player .audio-player {
    display: -ms-flexbox;
    display: flex;
    width: 910px;
    max-width: 100%;
    margin-right: 30px; }
    #audio-player-overlay .media-audio-player .audio-player .player-control {
      cursor: pointer;
      margin-right: 80px;
      height: 25px;
      width: 25px;
      transition: all, 0.5s; }
      #audio-player-overlay .media-audio-player .audio-player .player-control .flexbox {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
      #audio-player-overlay .media-audio-player .audio-player .player-control .btn-pause {
        margin: 0 auto;
        display: none; }
      #audio-player-overlay .media-audio-player .audio-player .player-control .hidden {
        display: none; }
      #audio-player-overlay .media-audio-player .audio-player .player-control.playing .btn-play {
        display: none; }
      #audio-player-overlay .media-audio-player .audio-player .player-control.playing .btn-pause {
        display: -ms-flexbox;
        display: flex; }
      #audio-player-overlay .media-audio-player .audio-player .player-control:hover, #audio-player-overlay .media-audio-player .audio-player .player-control:focus {
        opacity: 0.5; }
    #audio-player-overlay .media-audio-player .audio-player .player-view {
      -ms-flex: 1;
          flex: 1; }
      #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        margin-bottom: 5px; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-current, #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-total {
          position: relative;
          top: 11px;
          font-size: 11px;
          font-size: 1.1rem;
          color: #fff; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-current {
          left: -30px; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-total {
          right: -30px; }
      #audio-player-overlay .media-audio-player .audio-player .player-view .player-progress-bar {
        height: 2px;
        width: 100%;
        background-color: #fff;
        position: relative;
        border-radius: 5px; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-progress-bar input[type="range"] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          margin: 0;
          transform: translateY(-50%);
          opacity: 0;
          cursor: pointer;
          z-index: 10; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-progress-bar .player-running-bar {
          background-color: #d83335;
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 0%; }
          #audio-player-overlay .media-audio-player .audio-player .player-view .player-progress-bar .player-running-bar:after {
            content: '';
            width: 10px;
            height: 10px;
            display: block;
            background-color: #d83335;
            position: absolute;
            top: -4px;
            right: -5px;
            border-radius: 5px; }

#audio-player-overlay .media-audio-player .audio-player .player-control .btn-play {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 22px;
  border-color: transparent transparent transparent #fff;
  display: block; }

#audio-player-overlay .media-audio-player .audio-player .player-control .btn-pause {
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 26px;
  width: 14px; }
  #audio-player-overlay .media-audio-player .audio-player .player-control .btn-pause:before, #audio-player-overlay .media-audio-player .audio-player .player-control .btn-pause:after {
    content: "";
    height: 100%;
    width: 4px;
    background-color: #fff;
    display: block; }

#popup-first-connect form [type="submit"], .pop-up form [type="submit"], #popup-first-connect .fb-connect, .pop-up .fb-connect, .favorites-counter, .gabarit-account .header-account .header-account-wrapper > div .account-actions a, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select, .plan-wrapper .plan-floors a, .class_identifier_golden_book .page--goldenbook .showPagination button, #user-connect a, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn, .public-album .arianne.collections-liste-oeuvre button.create-album-btn, .public-list-all .album-infos button.share, .public-album .album-infos button.share {
  border-style: solid;
  border-width: 4px;
  font-family: "loveloblack";
  font-size: 16px;
  padding: 7px 15px 4px 15px;
  transition: all, 0.5s; }
  @media (max-width: 1279px) {
    #popup-first-connect form [type="submit"], .pop-up form [type="submit"], #popup-first-connect .fb-connect, .pop-up .fb-connect, .favorites-counter, .gabarit-account .header-account .header-account-wrapper > div .account-actions a, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select, .plan-wrapper .plan-floors a, .class_identifier_golden_book .page--goldenbook .showPagination button, #user-connect a, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn, .public-album .arianne.collections-liste-oeuvre button.create-album-btn, .public-list-all .album-infos button.share, .public-album .album-infos button.share {
      font-size: 36px;
      font-size: 3.6rem;
      padding: 10px 40px 7px;
      margin-bottom: 40px; } }
  @media (max-width: 767px) {
    #popup-first-connect form [type="submit"], .pop-up form [type="submit"], #popup-first-connect .fb-connect, .pop-up .fb-connect, .favorites-counter, .gabarit-account .header-account .header-account-wrapper > div .account-actions a, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select, .plan-wrapper .plan-floors a, .class_identifier_golden_book .page--goldenbook .showPagination button, #user-connect a, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn, .public-album .arianne.collections-liste-oeuvre button.create-album-btn, .public-list-all .album-infos button.share, .public-album .album-infos button.share {
      font-size: 20px;
      font-size: 2rem; } }

#popup-first-connect form [type="text"], .pop-up form [type="text"], #popup-first-connect form [type="password"], .pop-up form [type="password"], #popup-first-connect form [type="email"], .pop-up form [type="email"], #popup-first-connect form [type="date"], .pop-up form [type="date"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group select, .pop-up form#account_create select, .pop-up form#first-connect .form-group select, .pop-up form#artwork-selection select, .pop-up form#album-edit select, .pop-up form#goldenbook-add-comment select, .pop-up form.goldenbook-send-ecard select, .pop-up form#artwork-selection textarea, .pop-up form#album-edit textarea, .pop-up form#goldenbook-add-comment textarea, .pop-up form.goldenbook-send-ecard textarea {
  height: 55px;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  font-family: "atc_overlookregular";
  font-size: 24px;
  font-size: 2.4rem;
  border: 4px solid #BCBEC0;
  color: #BCBEC0;
  padding: 0 30px;
  text-align: left;
  border-radius: 0px; }

.page--visiter-master .parcours-visiteurs .bloc-button-gallerie .public-gallery-link, .favorites-counter, .gabarit-account .header-account .header-account-wrapper > div .account-actions a, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button, .plan-wrapper .plan-floors a, #user-connect a, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn, .public-album .arianne.collections-liste-oeuvre button.create-album-btn {
  border-color: #FFFFFF;
  color: #FFFFFF; }

#popup-first-connect form [type="submit"], .pop-up form [type="submit"], #popup-first-connect .fb-connect, .pop-up .fb-connect, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select, .class_identifier_golden_book .page--goldenbook .showPagination button, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb, .public-list-all .album-infos button.share, .public-album .album-infos button.share {
  border-color: #2c2c2e;
  color: #2c2c2e; }

.page--visiter-master .parcours-visiteurs .bloc-button-gallerie .public-gallery-link:hover, .page--visiter-master .parcours-visiteurs .bloc-button-gallerie .public-gallery-link:active, .page--visiter-master .parcours-visiteurs .bloc-button-gallerie .public-gallery-link:focus, .page--visiter-master .parcours-visiteurs .vignette:hover, .class_identifier_golden_book .page--goldenbook .links-goldenbook a:hover, .class_identifier_emotions .grid-block.gb-ecard a:hover, .class_identifier_emotions .grid-block.gb-goldenbook a:hover, .class_identifier_golden_book .page--goldenbook .links-goldenbook a:focus, .class_identifier_emotions .grid-block.gb-ecard a:focus, .class_identifier_emotions .grid-block.gb-goldenbook a:focus, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:hover, .class_identifier_emotions .grid-block.gb-ecard button:hover, .class_identifier_emotions .grid-block.gb-goldenbook button:hover, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:focus, .class_identifier_emotions .grid-block.gb-ecard button:focus, .class_identifier_emotions .grid-block.gb-goldenbook button:focus, #popup-first-connect form [type="submit"]:hover, .pop-up form [type="submit"]:hover, #popup-first-connect form [type="submit"]:focus, .pop-up form [type="submit"]:focus, #popup-first-connect .fb-connect:hover, .pop-up .fb-connect:hover, #popup-first-connect .fb-connect:focus, .pop-up .fb-connect:focus, .vignette.has-actions:hover .description, .vignette.has-actions:focus .description, .vignette.has-actions:active .description, .favorites-counter:hover, .favorites-counter:active, .favorites-counter:focus, .gabarit-account .header-account .header-account-wrapper > div .account-actions a:hover, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:hover[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:hover[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button:hover, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button:hover, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button:hover, .gabarit-account .header-account .header-account-wrapper > div .account-actions a:focus, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:focus[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:focus[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button:focus, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button:focus, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button:focus, .gabarit-account .header-account .header-account-wrapper > div .account-actions a:active, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:active[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:active[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button:active, .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button:active, .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button:active, .gabarit-account .header-account .header-account-wrapper > div .account-person h1 a:hover, .gabarit-account .header-account .header-account-wrapper > div .account-person h1 a:focus, .gabarit-account .links-account a[class^="link-account-"]:hover, .gabarit-account .links-account a[class^="link-account-"]:focus, .gabarit-account.myaccount-edit .link-myaccount-edit, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:hover .description, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:focus .description, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:active .description, .plan-wrapper .plan-floors a:hover, .plan-wrapper .plan-floors a:focus, .plan-wrapper .plan-floors a:active, #page_tactile #liens_partenaires ul li a:hover, #page_tactile #liens_partenaires ul li a:focus, .class_identifier_golden_book .page--goldenbook .showPagination button:hover, .class_identifier_golden_book .page--goldenbook .showPagination button:active, .class_identifier_golden_book .page--goldenbook .showPagination button:focus, #user-connect a:hover, #user-connect a:focus, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb:hover, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb:active, .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb:focus, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn:hover, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn:focus, .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn:active, .public-album .arianne.collections-liste-oeuvre button.create-album-btn:hover, .public-album .arianne.collections-liste-oeuvre button.create-album-btn:focus, .public-album .arianne.collections-liste-oeuvre button.create-album-btn:active, .public-list-all .album-infos button.share:hover, .public-list-all .album-infos button.share:focus, .public-list-all .album-infos button.share:active, .public-album .album-infos button.share:hover, .public-album .album-infos button.share:focus, .public-album .album-infos button.share:active, .public-list-all .gallery .vignette:hover .description, .public-list-all .gallery .vignette:focus .description, .public-list-all .gallery .vignette:active .description, .public-album .gallery .vignette:hover .description, .public-album .gallery .vignette:focus .description, .public-album .gallery .vignette:active .description {
  border-color: #D8383F;
  color: #D8383F; }

.class_identifier_golden_book .page--goldenbook .links-goldenbook a, .class_identifier_emotions .grid-block.gb-ecard a, .class_identifier_emotions .grid-block.gb-goldenbook a, .class_identifier_golden_book .page--goldenbook .links-goldenbook button, .class_identifier_emotions .grid-block.gb-ecard button, .class_identifier_emotions .grid-block.gb-goldenbook button {
  position: relative;
  padding: 30px 35px;
  width: 370px;
  height: 270px;
  background-color: #777;
  background-size: cover;
  color: #fff;
  font-family: "bikobold";
  font-size: 26px;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: all, 0.5s;
  text-align: center; }
  @media (max-width: 1279px) {
    .class_identifier_golden_book .page--goldenbook .links-goldenbook a, .class_identifier_emotions .grid-block.gb-ecard a, .class_identifier_emotions .grid-block.gb-goldenbook a, .class_identifier_golden_book .page--goldenbook .links-goldenbook button, .class_identifier_emotions .grid-block.gb-ecard button, .class_identifier_emotions .grid-block.gb-goldenbook button {
      width: 100%;
      margin-bottom: 25px;
      font-size: 23px; } }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a:hover:before, .class_identifier_emotions .grid-block.gb-ecard a:hover:before, .class_identifier_emotions .grid-block.gb-goldenbook a:hover:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook a:focus:before, .class_identifier_emotions .grid-block.gb-ecard a:focus:before, .class_identifier_emotions .grid-block.gb-goldenbook a:focus:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:hover:before, .class_identifier_emotions .grid-block.gb-ecard button:hover:before, .class_identifier_emotions .grid-block.gb-goldenbook button:hover:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:focus:before, .class_identifier_emotions .grid-block.gb-ecard button:focus:before, .class_identifier_emotions .grid-block.gb-goldenbook button:focus:before {
    top: calc(30px + 5px); }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a:hover:after, .class_identifier_emotions .grid-block.gb-ecard a:hover:after, .class_identifier_emotions .grid-block.gb-goldenbook a:hover:after, .class_identifier_golden_book .page--goldenbook .links-goldenbook a:focus:after, .class_identifier_emotions .grid-block.gb-ecard a:focus:after, .class_identifier_emotions .grid-block.gb-goldenbook a:focus:after, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:hover:after, .class_identifier_emotions .grid-block.gb-ecard button:hover:after, .class_identifier_emotions .grid-block.gb-goldenbook button:hover:after, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:focus:after, .class_identifier_emotions .grid-block.gb-ecard button:focus:after, .class_identifier_emotions .grid-block.gb-goldenbook button:focus:after {
    bottom: calc(30px + 5px); }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a:before, .class_identifier_emotions .grid-block.gb-ecard a:before, .class_identifier_emotions .grid-block.gb-goldenbook a:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook a:after, .class_identifier_emotions .grid-block.gb-ecard a:after, .class_identifier_emotions .grid-block.gb-goldenbook a:after, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:before, .class_identifier_emotions .grid-block.gb-ecard button:before, .class_identifier_emotions .grid-block.gb-goldenbook button:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:after, .class_identifier_emotions .grid-block.gb-ecard button:after, .class_identifier_emotions .grid-block.gb-goldenbook button:after {
    content: "";
    display: block;
    position: absolute;
    left: 35px;
    width: calc(100% - (2 * 35px));
    height: 32px;
    border: 18px solid #fff;
    transition: all, 0.5s; }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a:before, .class_identifier_emotions .grid-block.gb-ecard a:before, .class_identifier_emotions .grid-block.gb-goldenbook a:before, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:before, .class_identifier_emotions .grid-block.gb-ecard button:before, .class_identifier_emotions .grid-block.gb-goldenbook button:before {
    border-bottom: none;
    top: 30px; }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a:after, .class_identifier_emotions .grid-block.gb-ecard a:after, .class_identifier_emotions .grid-block.gb-goldenbook a:after, .class_identifier_golden_book .page--goldenbook .links-goldenbook button:after, .class_identifier_emotions .grid-block.gb-ecard button:after, .class_identifier_emotions .grid-block.gb-goldenbook button:after {
    border-top: none;
    bottom: 30px; }

#popup-first-connect, .pop-up {
  width: 726px;
  position: relative;
  max-width: 100%;
  padding: 25px;
  z-index: 99999;
  max-height: 90vh;
  overflow: auto;
  display: none; }
  .last#popup-first-connect, .last.pop-up {
    display: block; }
  @media (max-width: 767px) {
    #popup-first-connect, .pop-up {
      padding-top: 45px; } }
  #popup-first-connect .flexbox, .pop-up .flexbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  #popup-first-connect h2, .pop-up h2 {
    font-family: "bikobold";
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 28px;
    text-transform: none;
    letter-spacing: unset;
    text-align: center; }
  #popup-first-connect .close, .pop-up .close {
    width: 30px;
    height: 30px;
    content: '';
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
    opacity: 1;
    z-index: 999991;
    padding: 0 0 20px 20px;
    background-color: #fff; }
    #popup-first-connect .close:after, .pop-up .close:after, #popup-first-connect .close:before, .pop-up .close:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      height: 3px;
      background-color: #535353;
      width: 30px;
      transition: all, 0.5s; }
    #popup-first-connect .close:after, .pop-up .close:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    #popup-first-connect .close:before, .pop-up .close:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
    #popup-first-connect .close:hover:after, .pop-up .close:hover:after, #popup-first-connect .close:hover:before, .pop-up .close:hover:before, #popup-first-connect .close:focus:after, .pop-up .close:focus:after, #popup-first-connect .close:focus:before, .pop-up .close:focus:before {
      background-color: #000; }
    @media (max-width: 767px) {
      #popup-first-connect .close, .pop-up .close {
        right: 10px;
        top: 10px; } }
  #popup-first-connect p, .pop-up p {
    font-family: "open_sanslight";
    font-size: 16px;
    font-size: 1.6rem; }
    #popup-first-connect p strong, .pop-up p strong {
      font-family: "open_sansbold"; }
      #popup-first-connect p strong button:hover, .pop-up p strong button:hover, #popup-first-connect p strong button:focus, .pop-up p strong button:focus {
        text-decoration: underline; }
  #popup-first-connect form, .pop-up form {
    margin-top: 10px;
    width: 425px; }
    @media (max-width: 767px) {
      #popup-first-connect form, .pop-up form {
        width: 100%; } }
    #popup-first-connect form > *, .pop-up form > * {
      display: block; }
    #popup-first-connect form a, .pop-up form a {
      text-decoration: underline; }
    #popup-first-connect form .errors, .pop-up form .errors {
      color: #e2001a;
      margin-bottom: 10px; }
    #popup-first-connect form .label_checkbox, .pop-up form .label_checkbox {
      padding-left: 25px;
      position: relative;
      line-height: normal; }
      #popup-first-connect form .label_checkbox:before, .pop-up form .label_checkbox:before {
        content: '';
        top: 11px;
        left: 0px;
        width: 14px;
        height: 14px;
        border: 2px solid #bcbec0;
        position: absolute;
        background: #fff; }
      #popup-first-connect form .label_checkbox:after, .pop-up form .label_checkbox:after {
        content: '';
        position: absolute;
        font-family: none;
        width: 14px;
        height: 14px;
        top: 11px;
        left: 0px;
        background: url(../images/icons/check.png) center no-repeat;
        transform: none; }
    #popup-first-connect form .radio, .pop-up form .radio {
      margin-bottom: 20px;
      margin-right: 20px;
      margin-top: 0px;
      display: inline-block;
      vertical-align: middle;
      position: relative; }
      #popup-first-connect form .radio:nth-last-of-type(1), .pop-up form .radio:nth-last-of-type(1) {
        margin-right: 0px; }
      #popup-first-connect form .radio [type="radio"]:not(:checked), .pop-up form .radio [type="radio"]:not(:checked),
      #popup-first-connect form .radio [type="radio"]:checked,
      .pop-up form .radio [type="radio"]:checked {
        display: none; }
      #popup-first-connect form .radio label, .pop-up form .radio label {
        margin: 0;
        min-height: auto;
        padding: 0;
        padding-left: 22px;
        color: #000;
        font-family: "atc_overlookregular"; }
        #popup-first-connect form .radio label:before, .pop-up form .radio label:before {
          content: "";
          position: absolute;
          left: 0px;
          top: 2px;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          border: 2px solid #77787B;
          background: transparent;
          z-index: 2; }
      #popup-first-connect form .radio [type="radio"]:checked + label:after, .pop-up form .radio [type="radio"]:checked + label:after {
        content: "";
        position: absolute;
        left: 0px;
        top: 2px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #d8383f;
        z-index: 1; }
    #popup-first-connect form [type="date"], .pop-up form [type="date"] {
      padding-right: 55px;
      margin: 0px; }
    #popup-first-connect form [type="submit"], .pop-up form [type="submit"] {
      height: 55px;
      width: 100%;
      max-width: 100%;
      margin-bottom: 25px;
      text-align: center; }
    #popup-first-connect form .fancy-select, .pop-up form .fancy-select {
      position: relative;
      border: 4px solid #BCBEC0;
      height: 55px;
      margin-bottom: 10px;
      padding-left: 30px; }
      #popup-first-connect form .fancy-select.focus-fancy-select, .pop-up form .fancy-select.focus-fancy-select {
        border-color: #77787b; }
      #popup-first-connect form .fancy-select .trigger, .pop-up form .fancy-select .trigger {
        cursor: pointer;
        padding-top: 12px;
        padding-right: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        background: #FFF;
        width: 100%;
        height: 40px;
        transition: all 240ms ease-out;
        font-family: "atc_overlookregular";
        font-size: 22px;
        font-size: 2.2rem;
        color: #BCBEC0;
        top: 1px; }
        #popup-first-connect form .fancy-select .trigger:after, .pop-up form .fancy-select .trigger:after {
          width: 35px;
          height: 100%;
          display: block;
          padding-top: 1px;
          padding-left: 10px;
          content: "\e93d";
          font-family: "pba";
          font-size: 18px;
          font-size: 1.8rem;
          position: absolute;
          right: 20px;
          top: 16px;
          color: #BCBEC0; }
      #popup-first-connect form .fancy-select ul.options, .pop-up form .fancy-select ul.options {
        list-style: none;
        margin: 0;
        margin-top: 17px;
        border: 4px solid #77787B;
        position: absolute;
        border-top: medium none transparent;
        left: -4px;
        visibility: hidden;
        opacity: 0;
        z-index: 50;
        overflow: auto;
        border-radius: 0px;
        width: 102%;
        background-color: #FFF;
        transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
        max-height: 115px; }
        #popup-first-connect form .fancy-select ul.options li, .pop-up form .fancy-select ul.options li {
          padding-left: 45px;
          cursor: pointer;
          white-space: nowrap;
          transition: all 150ms ease-out;
          padding-top: 12px;
          padding-bottom: 12px;
          position: relative; }
          #popup-first-connect form .fancy-select ul.options li:after, .pop-up form .fancy-select ul.options li:after {
            content: none; }
        #popup-first-connect form .fancy-select ul.options.open, .pop-up form .fancy-select ul.options.open {
          visibility: visible;
          top: 34px;
          opacity: 1;
          transition: opacity 300ms ease-out, top 300ms ease-out; }
    #popup-first-connect form .forgot-mdp, .pop-up form .forgot-mdp {
      margin-bottom: 24px;
      font-size: 14px;
      font-size: 1.4rem;
      text-decoration: underline; }
    #popup-first-connect form .remember-me, .pop-up form .remember-me {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 17px; }
      #popup-first-connect form .remember-me label, .pop-up form .remember-me label {
        display: block; }
    #popup-first-connect form .input-file, .pop-up form .input-file {
      position: relative;
      width: 235px;
      display: inline-block;
      vertical-align: middle;
      margin-bottom: 10px; }
      #popup-first-connect form .input-file:hover label, .pop-up form .input-file:hover label {
        color: #D8383F;
        border-color: #D8383F; }
      #popup-first-connect form .input-file label, .pop-up form .input-file label {
        display: block;
        padding: 15px 20px 13px;
        border: 3px solid #000;
        color: #000;
        font-size: 16px;
        font-size: 1.6rem;
        font-family: "loveloblack";
        transition: all 0.3s;
        margin-bottom: 0px; }
      #popup-first-connect form .input-file input, .pop-up form .input-file input {
        position: absolute;
        top: 0;
        left: 0px;
        width: 235px;
        padding: 14px 0;
        opacity: 0;
        cursor: pointer; }
    #popup-first-connect form .file-return, .pop-up form .file-return {
      margin: 0;
      padding-left: 20px;
      display: inline-block;
      vertical-align: middle;
      font-family: 'open_sanslight';
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5em;
      max-height: 36px;
      width: 165px;
      overflow: hidden; }
    #popup-first-connect form .error, .pop-up form .error {
      border-color: #e2001a;
      background-color: #fce5e8; }
    #popup-first-connect form .control, .pop-up form .control, #popup-first-connect form .accept-cgu, .pop-up form .accept-cgu {
      position: relative; }
    #popup-first-connect form span.error, .pop-up form span.error {
      position: relative;
      top: 0px;
      background-color: #1d1d1e;
      color: #ffffff;
      font-family: 'open_sanslight';
      font-size: 14px;
      font-size: 1.4rem;
      min-height: 55px;
      padding: 0px 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 10px; }
      #popup-first-connect form span.error:before, .pop-up form span.error:before {
        content: '';
        position: absolute;
        top: 0;
        transform: translate(-50%, -98%);
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 9px 11px;
        border-color: transparent transparent #1d1d1e transparent; }
      @media (max-width: 1279px) {
        #popup-first-connect form span.error, .pop-up form span.error {
          position: relative;
          right: 0px;
          transform: none;
          margin-bottom: 10px; }
          #popup-first-connect form span.error:before, .pop-up form span.error:before {
            content: none; } }
  #popup-first-connect .fb-connect, .pop-up .fb-connect {
    min-height: 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    width: 425px;
    max-width: 100%;
    -ms-flex-pack: center;
        justify-content: center;
    font-size: 24px;
    font-size: 2.4rem; }
    @media (max-width: 767px) {
      #popup-first-connect .fb-connect, .pop-up .fb-connect {
        width: 100%; } }
  #popup-first-connect .no-account-yet > p, .pop-up .no-account-yet > p {
    margin: 0px 0px 17px;
    text-align: center; }
  #popup-first-connect .no-account-yet .fb-connect, .pop-up .no-account-yet .fb-connect {
    margin-bottom: 20px; }
  #popup-first-connect .no-account-yet hr, .pop-up .no-account-yet hr {
    color: #bcbec0; }
  @media (max-width: 767px) {
    #popup-first-connect .no-account-yet, .pop-up .no-account-yet {
      width: 100%; } }

#audio-player-overlay {
  position: relative;
  height: 60px;
  width: 100%;
  margin-top: 15px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  background-color: #2c2c2e; }
  #audio-player-overlay.hidden {
    display: none; }
  #audio-player-overlay .svg-refresh {
    width: 30px;
    height: 30px; }
    #audio-player-overlay .svg-refresh:before {
      content: '';
      width: 30px;
      height: 30px;
      display: block;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='381.3' height='478.7'%3E%3Cg%3E%3Cpath d='M239 48.2L198.9 3.7c-2.2-2.5-5.3-3.7-8.4-3.7-2.7 0-5.4.9-7.5 2.8-4.7 4.1-5.1 11.2-.9 15.8l28 31.1h-19.6C85.5 49.8 0 134.5 0 238.7c0 2.1 0 4.2.1 6.3.1 3.4.3 6.7.6 10 0 0 .4 2.4.5 2.4h22.5l-.9-11.6v-.5h.7-.7c-.1-2.2-.2-4.4-.2-6.6 0-91.8 75.3-166.5 167.9-166.5h19.6l-28 31.1c-4.2 4.6-3.8 11.7.9 15.8 4.7 4.1 11.8 3.7 16-.9l40-44.4c6.6-7.3 6.6-18.3 0-25.6zM380 259l.2-1.5h-22.7l-.2 2c-9.8 82.6-80.8 147-166.7 147H171l28-31.1c4.2-4.6 3.8-11.7-.9-15.8-4.7-4.1-11.8-3.7-16 .9L142 404.9c-6.6 7.3-6.6 18.3 0 25.5l40.1 44.5c2.2 2.5 5.3 3.7 8.4 3.7 2.7 0 5.4-.9 7.5-2.8 4.7-4.1 5.1-11.2.9-15.8l-28-31.1h19.6c98.2 0 179.2-74 189.4-168.7v-.1c.1-.4.1-.7.1-1.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
      background-size: 25px;
      animation: spinSvgRefresh 2s infinite linear; }
  #audio-player-overlay button.close {
    width: 30px;
    height: 30px;
    content: '';
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    opacity: 1;
    z-index: 1; }
    #audio-player-overlay button.close:after, #audio-player-overlay button.close:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      height: 3px;
      background-color: #FFF;
      width: 20px;
      transition: all, 0.5s; }
    #audio-player-overlay button.close:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    #audio-player-overlay button.close:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
  #audio-player-overlay .media-audio-player {
    width: 100%; }
    #audio-player-overlay .media-audio-player .audio-infos {
      max-width: 100%; }
    #audio-player-overlay .media-audio-player .audio-player {
      margin-right: 0;
      padding-right: 30px; }
      #audio-player-overlay .media-audio-player .audio-player .player-control {
        margin-right: 10px; }
      #audio-player-overlay .media-audio-player .audio-player .player-view {
        margin: 0 35px;
        position: relative; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing {
          position: absolute;
          width: 100%;
          top: 3px; }
          @media (max-width: 639px) {
            #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing {
              top: 7px; } }
          #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-current,
          #audio-player-overlay .media-audio-player .audio-player .player-view .player-timing .player-time-total {
            top: 0; }
        #audio-player-overlay .media-audio-player .audio-player .player-view .player-progress-bar {
          top: 13px; }

#ui-datepicker-div {
  padding: 10px; }
  #ui-datepicker-div .ui-datepicker-header {
    display: -ms-flexbox;
    display: flex;
    background: none;
    background-color: #2c2c2e;
    border-color: #2c2c2e;
    border-radius: 0;
    padding: 10px;
    margin: -10px;
    margin-bottom: 10px; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
      -ms-flex-order: 1;
          order: 1;
      margin-right: 10px;
      cursor: pointer; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
      -ms-flex-order: 3;
          order: 3;
      margin-left: 10px;
      cursor: pointer; }
    #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
      -ms-flex-order: 2;
          order: 2; }
    #ui-datepicker-div .ui-datepicker-header .ui-state-hover {
      border: none;
      background: none;
      font-weight: bold;
      color: #d8383f; }
    #ui-datepicker-div .ui-datepicker-header .ui-state-hover .ui-icon, #ui-datepicker-div .ui-datepicker-header .ui-state-focus .ui-icon {
      background-image: url("jquery-ui/images/ui-icons_ffffff_256x240.png"); }
  #ui-datepicker-div .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; }
  #ui-datepicker-div .ui-datepicker .ui-datepicker-next span,
  #ui-datepicker-div .ui-datepicker .ui-datepicker-prev span {
    background-image: url("jquery-ui/images/ui-icons_ffffff_256x240.png");
    background-position: -32px -16px; }
  #ui-datepicker-div .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px -16px; }
  #ui-datepicker-div .ui-datepicker-calendar {
    margin: 0;
    width: 100%; }
  #ui-datepicker-div .ui-datepicker th {
    padding: .5em .3em;
    color: #707586;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid #d5d9e2;
    background: #f2f6fe; }
  #ui-datepicker-div .ui-datepicker td {
    border: none;
    padding: 0; }
  #ui-datepicker-div td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: .7em 0;
    margin: 0;
    font-weight: normal;
    color: #4d4d4d;
    font-size: 11px; }
  #ui-datepicker-div td .ui-state-active,
  #ui-datepicker-div td .ui-state-hover {
    font-weight: bold;
    opacity: 0.7;
    text-decoration: underline; }

.vignette.has-actions .gallery-actions {
  position: absolute;
  z-index: 2; }
  .vignette.has-actions .gallery-actions.favorites-actions {
    top: 20px;
    right: 20px; }
    .vignette.has-actions .gallery-actions.favorites-actions button {
      opacity: 0;
      background-color: #404;
      display: block;
      height: 28px;
      width: 32px;
      transform: translate3D(0, 0, 0);
      background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzEgMjAwIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwYXRoIGQ9Ik0xMTUuOCAxOTNDODYuNyAxNzYuMSA5LjkgMTI0LjkgOS45IDU1LjkgOS45IDMwIDMxLjggOSA1OC44IDljNDIuMSAwIDU3IDMyLjMgNTcgMzIuM1MxMzQuNiA5IDE3Mi43IDljMjYuOSAwIDQ4LjggMjEgNDguOCA0Ni45LjEgNjktNzYuNyAxMjAuMi0xMDUuNyAxMzcuMXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=") no-repeat 50%;
      background-size: cover;
      transition: scale, 0.1s; }
      .vignette.has-actions .gallery-actions.favorites-actions button.active, .vignette.has-actions .gallery-actions.favorites-actions button:hover {
        transform: scale(1.2);
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzUuMSAyMDkuNSI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoxNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9IC5zdDF7ZmlsbDojRkZGRkZGO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwYXRoIGQ9Ik0xMTcuMiAyMDEuNWMtMjktMTYuOS0xMDUuOC02OC4xLTEwNS44LTEzNy4xIDAtMjUuOSAyMS45LTQ2LjkgNDguOC00Ni45IDQyLjEgMCA1NyAzMi4zIDU3IDMyLjNzMTguOC0zMi4zIDU3LTMyLjNjMjYuOSAwIDQ4LjggMjEgNDguOCA0Ni45IDAgNjktNzYuOCAxMjAuMi0xMDUuOCAxMzcuMXoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTE4IDE5Ni40Qzg5IDE3OS41IDEyLjIgMTI4LjMgMTIuMiA1OS4zIDEyLjEgMzMuNCAzNCAxMi40IDYxIDEyLjRjNDIuMSAwIDU3IDMyLjMgNTcgMzIuM3MxOC44LTMyLjMgNTctMzIuM2MyNi45IDAgNDguOCAyMSA0OC44IDQ2LjkgMCA2OS03Ni44IDEyMC4yLTEwNS44IDEzNy4xeiIgY2xhc3M9InN0MSIvPjwvc3ZnPgo="); }

.vignette.has-actions a {
  position: relative;
  display: block;
  z-index: 1; }
  .vignette.has-actions a .visu {
    position: relative; }
    .vignette.has-actions a .visu:after {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      content: ' ';
      background-color: rgba(0, 0, 0, 0.29);
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity, 0.5s; }
  .vignette.has-actions a .description {
    background: #fff;
    color: #2C2C2E; }

.vignette.has-actions:hover .gallery-actions,
.vignette.has-actions:hover .visu:after,
.vignette.has-actions:hover .favorites-actions button,
.vignette.has-actions:hover a:before, .vignette.has-actions:focus .gallery-actions,
.vignette.has-actions:focus .visu:after,
.vignette.has-actions:focus .favorites-actions button,
.vignette.has-actions:focus a:before, .vignette.has-actions:active .gallery-actions,
.vignette.has-actions:active .visu:after,
.vignette.has-actions:active .favorites-actions button,
.vignette.has-actions:active a:before {
  opacity: 1; }

.favorites-counter {
  position: absolute;
  right: 80px;
  margin-top: 37px; }
  .favorites-counter .icon-heart:before, .favorites-counter .icon-heart:after {
    background-size: 19px 17px;
    background-repeat: no-repeat;
    content: ''; }
  @media (max-width: 1279px) {
    .favorites-counter {
      margin: 0;
      right: auto;
      left: 12px;
      font-size: 20px;
      position: relative;
      margin-top: 27px; } }

.gabarit-account {
  background-color: #fff;
  overflow: hidden; }
  .gabarit-account .header-account .header-account-wrapper, .gabarit-account .links-account, .gabarit-account.myaccount-edit .account-edit-wrapper, .gabarit-account.myaccount-selections .selections-header {
    max-width: 1168px;
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 1279px) {
      .gabarit-account .header-account .header-account-wrapper, .gabarit-account .links-account, .gabarit-account.myaccount-edit .account-edit-wrapper, .gabarit-account.myaccount-selections .selections-header {
        padding: 0 27px; } }
  .gabarit-account .header-account, .gabarit-account .links-account {
    margin-bottom: 36px; }
  .gabarit-account h1, .gabarit-account h2, .gabarit-account h3 {
    font-family: "bikobold"; }
  .gabarit-account .header-account {
    width: 100%;
    background-color: #DDD;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff; }
    .gabarit-account .header-account .header-account-wrapper {
      height: 405px;
      position: relative; }
      .gabarit-account .header-account .header-account-wrapper > div {
        position: absolute;
        bottom: 42px;
        width: 100%;
        display: -ms-flexbox;
        display: flex; }
        @media (max-width: 1279px) {
          .gabarit-account .header-account .header-account-wrapper > div {
            display: block;
            width: calc(100% - 40px); } }
        .gabarit-account .header-account .header-account-wrapper > div .account-person {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: end;
              align-items: flex-end; }
          .gabarit-account .header-account .header-account-wrapper > div .account-person img, .gabarit-account .header-account .header-account-wrapper > div .account-person h1 {
            display: inline-block; }
          .gabarit-account .header-account .header-account-wrapper > div .account-person img {
            max-width: 90px;
            max-height: 120px; }
          .gabarit-account .header-account .header-account-wrapper > div .account-person h1 {
            padding-left: 15px;
            font-size: 24px;
            word-break: break-all; }
            .gabarit-account .header-account .header-account-wrapper > div .account-person h1 a:hover, .gabarit-account .header-account .header-account-wrapper > div .account-person h1 a:focus {
              transition: all, 0.5s; }
        .gabarit-account .header-account .header-account-wrapper > div .account-actions {
          -ms-flex: 1;
              flex: 1;
          -ms-flex-item-align: end;
              align-self: flex-end;
          text-align: right; }
          .gabarit-account .header-account .header-account-wrapper > div .account-actions a {
            padding: 15px 20px 11px !important;
            margin-right: 40px;
            display: inline-block; }
            .gabarit-account .header-account .header-account-wrapper > div .account-actions a:last-child {
              margin-right: 0; }
            @media (max-width: 1279px) {
              .gabarit-account .header-account .header-account-wrapper > div .account-actions a {
                margin-bottom: 20px;
                font-size: 18px;
                font-size: 1.8rem; } }
          @media (max-width: 1279px) {
            .gabarit-account .header-account .header-account-wrapper > div .account-actions {
              padding-top: 25px;
              text-align: left; } }
  .gabarit-account .links-account {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .gabarit-account .links-account a[class^="link-account-"] {
      position: relative;
      padding: 30px 35px;
      width: 370px;
      height: 270px;
      background-color: #777;
      background-size: cover;
      color: #fff;
      font-family: "bikobold";
      font-size: 26px;
      text-transform: uppercase;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      transition: all, 0.5s; }
      @media (max-width: 1279px) {
        .gabarit-account .links-account a[class^="link-account-"] {
          width: 100%;
          margin-bottom: 25px;
          font-size: 23px; } }
      .gabarit-account .links-account a[class^="link-account-"]:hover:before, .gabarit-account .links-account a[class^="link-account-"]:focus:before {
        top: calc(30px + 5px); }
      .gabarit-account .links-account a[class^="link-account-"]:hover:after, .gabarit-account .links-account a[class^="link-account-"]:focus:after {
        bottom: calc(30px + 5px); }
      .gabarit-account .links-account a[class^="link-account-"]:before, .gabarit-account .links-account a[class^="link-account-"]:after {
        content: "";
        display: block;
        position: absolute;
        left: 35px;
        width: calc(100% - (2 * 35px));
        height: 32px;
        border: 18px solid #fff;
        transition: all, 0.5s; }
      .gabarit-account .links-account a[class^="link-account-"]:before {
        border-bottom: none;
        top: 30px; }
      .gabarit-account .links-account a[class^="link-account-"]:after {
        border-top: none;
        bottom: 30px; }
  .gabarit-account.myaccount-edit .account-edit-wrapper h3 {
    font-size: 24px;
    margin-bottom: 35px; }
  .gabarit-account.myaccount-edit .account-edit-wrapper fieldset {
    margin-bottom: 21px; }
    .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
      .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group {
        width: 50%;
        margin-bottom: 21px; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group > label {
          margin-bottom: 9px; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group select {
          max-width: 425px;
          margin: 0; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]):invalid, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group select:invalid {
            border-color: #e2001a;
            background-color: #fce5e8;
            color: #7c8083; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input:not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group select {
              display: block;
              max-width: 100%; } }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button {
          background-color: #fff;
          padding: 15px 20px 11px !important;
          font-size: 2.4rem; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"]:not(:last-child), .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"]:not(:last-child), .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button:not(:last-child) {
            margin-right: 30px; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="button"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group input[type="submit"], .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group button {
              display: block;
              width: 100%;
              margin-bottom: 25px;
              font-size: 2rem; } }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group {
          display: -ms-flexbox;
          display: flex; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_DD, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_MM, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_YYYY, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#account-avatar .birth_date-group #birth_date_DD, .pop-up form#account-avatar .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_DD, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#account-avatar .birth_date-group #birth_date_MM, .pop-up form#account-avatar .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_MM, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#first-connect .birth_date-group #birth_date_DD, .pop-up form#first-connect .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_DD, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#first-connect .birth_date-group #birth_date_MM, .pop-up form#first-connect .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_MM, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#account-avatar .birth_date-group #birth_date_YYYY, .pop-up form#account-avatar .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_YYYY, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .pop-up form#first-connect .birth_date-group #birth_date_YYYY, .pop-up form#first-connect .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_YYYY {
            padding: 0;
            text-align: center;
            margin-right: 10px; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_DD, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_MM {
            max-width: 80px;
            -ms-flex: 1;
                flex: 1; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group .birth_date-group #birth_date_YYYY {
            max-width: 160px;
            -ms-flex: 2;
                flex: 2;
            margin-right: 0; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group label, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.cover-group label {
          display: block; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group img {
          margin-right: 5px;
          max-height: 120px;
          max-width: 90px; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group img {
              margin-right: 45px; } }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group button[type="button"] {
          vertical-align: top; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group button[type="button"] {
              display: inline-block;
              width: calc(100% - 140px); } }
          @media (max-width: 479px) {
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.avatar-group button[type="button"] {
              display: block;
              width: 100%; } }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.news-group {
          padding-top: 30px; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.deleteaccount-group button[type="button"] {
          color: #999;
          border-color: #999; }
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.deleteaccount-group button[type="button"]:hover, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.deleteaccount-group button[type="button"]:focus, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.deleteaccount-group button[type="button"]:active {
            color: #000;
            border-color: #000; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.submit-group {
          text-align: right; }
        .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.password-group, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.submit-group, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group.news-group {
          width: 100%; }
        @media (max-width: 1279px) {
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .form-group {
            width: 100%;
            margin-bottom: 25px; } }
      .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .visits-group, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .country-group {
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        @media (max-width: 1279px) {
          .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .visits-group, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .country-group {
            display: block; }
            .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .visits-group .select-custom, .gabarit-account.myaccount-edit .account-edit-wrapper fieldset .flexbox .country-group .select-custom {
              width: 100%; } }
  .gabarit-account.myaccount-selections .selections-header {
    margin-bottom: 55px; }
    .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper {
      padding-top: 23px;
      width: 100%; }
      @media (max-width: 1279px) {
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper {
          display: block; } }
      .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .left-part {
        color: #D8383F;
        text-transform: uppercase; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .left-part .title {
          font-size: 24px;
          font-family: "bikobold"; }
        @media (max-width: 1279px) {
          .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .left-part {
            margin-bottom: 20px; } }
      .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part {
        text-align: right; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons {
          margin-bottom: 30px; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons {
              margin-bottom: 30px; } }
          .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button {
            padding: 15px 15px 14px;
            margin-right: 20px; }
            .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button:last-child {
              margin-right: 0; }
            @media (max-width: 1279px) {
              .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button {
                padding: 15px 20px 11px !important;
                font-size: 18px;
                font-size: 1.8rem; } }
            @media (max-width: 639px) {
              .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button {
                width: 100%;
                margin-bottom: 20px; } }
            .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .album-buttons button .icon-share {
              margin-right: 8px;
              line-height: 15px; }
        @media (max-width: 1279px) {
          .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom {
            width: 100%; } }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select {
          padding: 9px 15px 7px;
          margin-bottom: 0; }
          @media (max-width: 1279px) {
            .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom select {
              width: 100%; } }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper .right-part .select-custom:after {
          color: #2C2C2E;
          font-size: 1.6rem;
          top: 50%;
          transform: translateY(-50%);
          right: 15px; }
      .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part {
        padding-left: 60px;
        position: relative; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .icon {
          position: absolute;
          top: 0;
          left: 0;
          font-size: 31px; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .album-name {
          font-family: "bikobold";
          font-size: 24px;
          margin-bottom: 10px; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .album-description {
          text-transform: none;
          margin-bottom: 8px;
          padding-right: 20px; }
        .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .album-visibility {
          text-transform: none;
          font-weight: bold;
          padding-left: 20px;
          background-position: 0 50%;
          background-size: 13px auto;
          background-repeat: no-repeat; }
          .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .album-visibility.vis-public {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2NrX29wZW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDE0LjEgMzE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MTQuMSAzMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNkODM4M2Y7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTMuOCwxMjAuMUgzNzR2MGMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuMSwwLTAuMSwwLTAuMiwwYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC4yLDAtMC4zLDAtMC40LDANCgkJYy0wLjEsMC0wLjMsMC0wLjQsMGgwYy0wLjIsMC0wLjMsMC0wLjUsMGMtMC4xLDAtMC4yLDAtMC40LDBjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjQsMC0wLjcsMC0xLTAuMWgtMC45Yy0wLjEsMC0wLjIsMC0wLjIsMA0KCQljLTAuMiwwLTAuMywwLTAuNSwwYy0wLjIsMC0wLjQsMC0wLjYsMGMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuMiwwLTAuNCwwLTAuNSwwYzAsMC0wLjEsMC0wLjEsMGMtMC4xLDAtMC4yLDAtMC4yLDANCgkJYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMiwwLTAuNSwwLTAuNywwYy0wLjIsMC0wLjQsMC0wLjYtMC4xYy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4xLDAtMC4yLDAtMC40LDANCgkJYy0yLjIsMC4yLTQuNSwwLjMtNi43LDBjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjEsMC0wLjIsMC0wLjMsMGMwLDAsMCwwLDAsMGMtMC4yLDAtMC40LDAtMC43LDBjLTAuMiwwLTAuNSwwLTAuNywwDQoJCWMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMiwwLTAuNCwwLTAuNiwwYzAsMC0wLjEsMC0wLjEsMHYwSDE5NS40di0xLjJjLTUuMSwxLjEtMTAuOSwxLjMtMTYuMSwwLjRjLTEuMy0wLjEtMi41LTAuMi0zLjctMC40djEuMw0KCQloLTE5LjhjLTExLDAtMTkuOCw4LjktMTkuOCwxOS44djE1OC43YzAsMTEsOC45LDE5LjgsMTkuOCwxOS44aDIzOC4xYzExLDAsMTkuOC04LjksMTkuOC0xOS44VjEzOS45DQoJCUM0MTMuNywxMjguOSw0MDQuOCwxMjAuMSwzOTMuOCwxMjAuMXogTTM5My44LDI5OC42SDE1NS43VjEzOS45aDIzOC4xVjI5OC42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzQuOCwyNTljMjEuOSwwLDM5LjctMTcuOCwzOS43LTM5LjdzLTE3LjgtMzkuNy0zOS43LTM5LjdjLTIxLjksMC0zOS43LDE3LjgtMzkuNywzOS43DQoJCVMyNTIuOCwyNTksMjc0LjgsMjU5eiBNMjc0LjgsMTk5LjRjMTAuOSwwLDE5LjgsOC45LDE5LjgsMTkuOGMwLDEwLjktOC45LDE5LjgtMTkuOCwxOS44cy0xOS44LTguOS0xOS44LTE5LjgNCgkJQzI1NC45LDIwOC4zLDI2My44LDE5OS40LDI3NC44LDE5OS40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05Ni40LDFDMzIuMyw1LjYsOS4xLDQ0LjQsMSw3Ni41YzMtMC4yLDYuMS0wLjEsOS4zLTAuMWM0LjIsMC4xLDguNCwwLjEsMTIuNiwwLjINCgkJYzguMi0yNi44LDI3LjYtNTYsNzMuNi01NS44Yzg0LjcsMC40LDc5LjQsOTkuMiw3OS40LDk5LjJoMTkuOEMxOTUuNiwxMjAuMSwyMDYuNyw0LjUsOTYuNCwxeiIvPg0KPC9nPg0KPC9zdmc+"); }
          .gabarit-account.myaccount-selections .selections-header .selections-header-wrapper.album-header .left-part .album-visibility.vis-private {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2NrX2xvY2tlZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MDguNSA1MDguNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjUgNTA4LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MXtmaWxsOiNkODM4M2Y7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDUsMTkwLjdoLTMxLjh2LTI5LjNDNDEzLjIsNzIuMiwzNDIsMCwyNTQuMywwQzE2Ni41LDAsOTUuMyw3Mi4yLDk1LjMsMTYxLjR2MjkuM0g2My42DQoJCWMtMTcuNSwwLTMxLjgsMTQuMi0zMS44LDMxLjh2MjU0LjNjMCwxNy41LDE0LjIsMzEuOCwzMS44LDMxLjhINDQ1YzE3LjUsMCwzMS44LTE0LjIsMzEuOC0zMS44VjIyMi41DQoJCUM0NzYuNywyMDQuOSw0NjIuNSwxOTAuNyw0NDUsMTkwLjd6IE0xMjcuMSwxNjEuNGMwLTcxLjQsNTctMTI5LjYsMTI3LjEtMTI5LjZzMTI3LjEsNTguMSwxMjcuMSwxMjkuNnYyOS4zSDEyNy4xVjE2MS40eg0KCQkJTTQ0NSw0NzYuN0g2My42VjIyMi41SDQ0NUw0NDUsNDc2LjdMNDQ1LDQ3Ni43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTQuMyw0MTMuMmMzNS4xLDAsNjMuNi0yOC40LDYzLjYtNjMuNlMyODkuNCwyODYsMjU0LjMsMjg2cy02My42LDI4LjQtNjMuNiw2My42DQoJCVMyMTkuMSw0MTMuMiwyNTQuMyw0MTMuMnogTTI1NC4zLDMxNy44YzE3LjUsMCwzMS44LDE0LjMsMzEuOCwzMS44YzAsMTcuNS0xNC4zLDMxLjgtMzEuOCwzMS44cy0zMS44LTE0LjMtMzEuOC0zMS44DQoJCUMyMjIuNSwzMzIuMSwyMzYuNywzMTcuOCwyNTQuMywzMTcuOHoiLz4NCjwvZz4NCjwvc3ZnPg=="); }
  .gabarit-account.myaccount-selections .selections-content .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .gabarit-account.myaccount-selections .selections-content .gallery .vignette {
      display: block;
      position: relative; }
      @media (max-width: 639px) {
        .gabarit-account.myaccount-selections .selections-content .gallery .vignette {
          width: 100%; } }
      .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions {
        opacity: 0;
        transition: opacity, 0.5s;
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - (40px * 2));
        z-index: 2; }
        .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions.bottom {
          top: auto;
          bottom: 100px; }
          @media (max-width: 1279px) and (min-width: 640px) {
            .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions.bottom {
              bottom: 140px; } }
          @media (max-width: 639px) {
            .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions.bottom {
              bottom: 70px; } }
        .gabarit-account.myaccount-selections .selections-content .gallery .vignette .gallery-actions button {
          display: block;
          padding: 15px 20px 11px;
          margin: 0 auto 20px;
          background-color: transparent; }
      .gabarit-account.myaccount-selections .selections-content .gallery .vignette a {
        position: relative;
        display: block;
        z-index: 1; }
        .gabarit-account.myaccount-selections .selections-content .gallery .vignette a .visu {
          position: relative; }
          .gabarit-account.myaccount-selections .selections-content .gallery .vignette a .visu:after {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            content: ' ';
            background-color: rgba(0, 0, 0, 0.29);
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity, 0.5s; }
        .gabarit-account.myaccount-selections .selections-content .gallery .vignette a .description {
          background: #fff;
          color: #2C2C2E; }
      .gabarit-account.myaccount-selections .selections-content .gallery .vignette:hover .gallery-actions, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:hover .visu:after, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:focus .gallery-actions, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:focus .visu:after, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:active .gallery-actions, .gabarit-account.myaccount-selections .selections-content .gallery .vignette:active .visu:after {
        opacity: 1; }
  .gabarit-account.myaccount-selections .selections-content.albums-list-content .description {
    padding-left: 0; }
    .gabarit-account.myaccount-selections .selections-content.albums-list-content .description .description-wrapper {
      padding-left: 80px;
      position: relative; }
      .gabarit-account.myaccount-selections .selections-content.albums-list-content .description .description-wrapper .icon {
        position: absolute;
        top: 4px;
        left: 20px;
        font-size: 31px; }
      .gabarit-account.myaccount-selections .selections-content.albums-list-content .description .description-wrapper .visibility {
        display: inline-block;
        padding-left: 25px;
        background-position: 0 50%;
        background-size: 13px auto;
        background-repeat: no-repeat; }
        .gabarit-account.myaccount-selections .selections-content.albums-list-content .description .description-wrapper .visibility.vis-public {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2NrX29wZW4iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDE0LjEgMzE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MTQuMSAzMTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMDAwMDA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTMuOCwxMjAuMUgzNzR2MGMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuMSwwLTAuMSwwLTAuMiwwYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC4yLDAtMC4zLDAtMC40LDANCgkJYy0wLjEsMC0wLjMsMC0wLjQsMGgwYy0wLjIsMC0wLjMsMC0wLjUsMGMtMC4xLDAtMC4yLDAtMC40LDBjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjQsMC0wLjcsMC0xLTAuMWgtMC45Yy0wLjEsMC0wLjIsMC0wLjIsMA0KCQljLTAuMiwwLTAuMywwLTAuNSwwYy0wLjIsMC0wLjQsMC0wLjYsMGMtMC4xLDAtMC4yLDAtMC4zLDBjLTAuMiwwLTAuNCwwLTAuNSwwYzAsMC0wLjEsMC0wLjEsMGMtMC4xLDAtMC4yLDAtMC4yLDANCgkJYy0wLjEsMC0wLjIsMC0wLjMsMGMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMiwwLTAuNSwwLTAuNywwYy0wLjIsMC0wLjQsMC0wLjYtMC4xYy0wLjEsMC0wLjMsMC0wLjQsMGMtMC4xLDAtMC4yLDAtMC40LDANCgkJYy0yLjIsMC4yLTQuNSwwLjMtNi43LDBjLTAuMiwwLTAuNCwwLTAuNiwwYy0wLjEsMC0wLjIsMC0wLjMsMGMwLDAsMCwwLDAsMGMtMC4yLDAtMC40LDAtMC43LDBjLTAuMiwwLTAuNSwwLTAuNywwDQoJCWMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMiwwLTAuNCwwLTAuNiwwYzAsMC0wLjEsMC0wLjEsMHYwSDE5NS40di0xLjJjLTUuMSwxLjEtMTAuOSwxLjMtMTYuMSwwLjRjLTEuMy0wLjEtMi41LTAuMi0zLjctMC40djEuMw0KCQloLTE5LjhjLTExLDAtMTkuOCw4LjktMTkuOCwxOS44djE1OC43YzAsMTEsOC45LDE5LjgsMTkuOCwxOS44aDIzOC4xYzExLDAsMTkuOC04LjksMTkuOC0xOS44VjEzOS45DQoJCUM0MTMuNywxMjguOSw0MDQuOCwxMjAuMSwzOTMuOCwxMjAuMXogTTM5My44LDI5OC42SDE1NS43VjEzOS45aDIzOC4xVjI5OC42eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNzQuOCwyNTljMjEuOSwwLDM5LjctMTcuOCwzOS43LTM5LjdzLTE3LjgtMzkuNy0zOS43LTM5LjdjLTIxLjksMC0zOS43LDE3LjgtMzkuNywzOS43DQoJCVMyNTIuOCwyNTksMjc0LjgsMjU5eiBNMjc0LjgsMTk5LjRjMTAuOSwwLDE5LjgsOC45LDE5LjgsMTkuOGMwLDEwLjktOC45LDE5LjgtMTkuOCwxOS44cy0xOS44LTguOS0xOS44LTE5LjgNCgkJQzI1NC45LDIwOC4zLDI2My44LDE5OS40LDI3NC44LDE5OS40eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05Ni40LDFDMzIuMyw1LjYsOS4xLDQ0LjQsMSw3Ni41YzMtMC4yLDYuMS0wLjEsOS4zLTAuMWM0LjIsMC4xLDguNCwwLjEsMTIuNiwwLjINCgkJYzguMi0yNi44LDI3LjYtNTYsNzMuNi01NS44Yzg0LjcsMC40LDc5LjQsOTkuMiw3OS40LDk5LjJoMTkuOEMxOTUuNiwxMjAuMSwyMDYuNyw0LjUsOTYuNCwxeiIvPg0KPC9nPg0KPC9zdmc+"); }
        .gabarit-account.myaccount-selections .selections-content.albums-list-content .description .description-wrapper .visibility.vis-private {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2NrX2xvY2tlZCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MDguNSA1MDguNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA4LjUgNTA4LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MXtmaWxsOiMwMDAwMDA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NDUsMTkwLjdoLTMxLjh2LTI5LjNDNDEzLjIsNzIuMiwzNDIsMCwyNTQuMywwQzE2Ni41LDAsOTUuMyw3Mi4yLDk1LjMsMTYxLjR2MjkuM0g2My42DQoJCWMtMTcuNSwwLTMxLjgsMTQuMi0zMS44LDMxLjh2MjU0LjNjMCwxNy41LDE0LjIsMzEuOCwzMS44LDMxLjhINDQ1YzE3LjUsMCwzMS44LTE0LjIsMzEuOC0zMS44VjIyMi41DQoJCUM0NzYuNywyMDQuOSw0NjIuNSwxOTAuNyw0NDUsMTkwLjd6IE0xMjcuMSwxNjEuNGMwLTcxLjQsNTctMTI5LjYsMTI3LjEtMTI5LjZzMTI3LjEsNTguMSwxMjcuMSwxMjkuNnYyOS4zSDEyNy4xVjE2MS40eg0KCQkJTTQ0NSw0NzYuN0g2My42VjIyMi41SDQ0NUw0NDUsNDc2LjdMNDQ1LDQ3Ni43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTQuMyw0MTMuMmMzNS4xLDAsNjMuNi0yOC40LDYzLjYtNjMuNlMyODkuNCwyODYsMjU0LjMsMjg2cy02My42LDI4LjQtNjMuNiw2My42DQoJCVMyMTkuMSw0MTMuMiwyNTQuMyw0MTMuMnogTTI1NC4zLDMxNy44YzE3LjUsMCwzMS44LDE0LjMsMzEuOCwzMS44YzAsMTcuNS0xNC4zLDMxLjgtMzEuOCwzMS44cy0zMS44LTE0LjMtMzEuOC0zMS44DQoJCUMyMjIuNSwzMzIuMSwyMzYuNywzMTcuOCwyNTQuMywzMTcuOHoiLz4NCjwvZz4NCjwvc3ZnPg=="); }

#plan-parcours {
  max-width: 1168px;
  width: 100%;
  margin: 0 auto; }
  #plan-parcours #iframe-plan {
    width: 100%;
    height: 600px;
    margin-bottom: 20px; }
    @media (max-width: 639px) {
      #plan-parcours #iframe-plan {
        width: 700px; } }

.plan-wrapper {
  padding: 10px 0 30px; }
  .plan-wrapper h1 {
    max-width: 1168px;
    margin: 0 auto;
    font-family: "bikobold";
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    padding-left: 15px;
    margin-top: 12px; }
    .plan-wrapper h1 span {
      display: inline-block;
      width: 60px;
      font-size: 31px;
      position: relative;
      top: -2px; }
  .plan-wrapper .plan-floors {
    float: right;
    padding-right: 10px; }
    .plan-wrapper .plan-floors a {
      display: inline-block;
      margin-bottom: 10px;
      margin-right: 10px; }
      .plan-wrapper .plan-floors a:last-child {
        margin-right: 0; }
      @media (max-width: 1279px) {
        .plan-wrapper .plan-floors a {
          font-size: 18px;
          font-size: 1.8rem; } }
      @media (max-width: 639px) {
        .plan-wrapper .plan-floors a {
          padding: 10px 20px 7px;
          margin-bottom: 5px;
          display: block;
          text-align: center;
          margin-right: 0; } }

html.noscroll {
  overflow: hidden; }

.mandatory-notice {
  color: #d8383f;
  font-family: "open_sanslight";
  font-size: 1.6rem;
  margin-bottom: 15px; }

#page_tactile > * {
  transition: left, 0.5s; }

#page_tactile #entete {
  height: 147px;
  line-height: 150px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #fff; }
  #page_tactile #entete button.back {
    position: absolute;
    left: 150px;
    line-height: 150px;
    top: 0;
    font-family: "bikobold";
    font-size: 30px;
    text-transform: uppercase;
    padding: 0 50px;
    color: #fff;
    z-index: 1; }
    #page_tactile #entete button.back:before {
      content: "\e93f";
      font-family: 'pba';
      margin-right: 20px; }
  #page_tactile #entete #logo {
    font-family: 'pba';
    font-size: 50px;
    color: #fff;
    letter-spacing: 0.13em;
    text-align: center;
    position: relative;
    top: -10px; }
    #page_tactile #entete #logo:after {
      width: 0px;
      height: 0px;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #FFF;
      position: absolute;
      left: calc(50% - 15px);
      bottom: 10px;
      display: block;
      content: ''; }
    #page_tactile #entete #logo .tiret {
      position: relative;
      top: -10px; }
  #page_tactile #entete .retourTimer {
    position: absolute;
    top: 0;
    right: 40px;
    text-align: right;
    color: #fff;
    line-height: 20px;
    padding-top: 55px; }
    #page_tactile #entete .retourTimer span {
      width: 25px;
      display: inline-block;
      font-size: 20px;
      text-align: center; }

#page_tactile #liens_partenaires {
  z-index: 3;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 150px);
  background: url(../images/bg-pba.jpg);
  background-size: cover; }
  #page_tactile #liens_partenaires ul {
    width: 1600px;
    margin: 0 auto;
    padding-top: 50px; }
    #page_tactile #liens_partenaires ul li {
      width: 33.333333332%;
      float: left;
      padding: 50px 0; }
      #page_tactile #liens_partenaires ul li a {
        position: relative;
        padding: 40px;
        width: 420px;
        height: 310px;
        background-color: rgba(0, 0, 0, 0.8);
        background-size: cover;
        color: #fff;
        font-family: "bikobold";
        font-size: 30px;
        line-height: 40px;
        text-transform: uppercase;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
        transition: all, 0.5s;
        text-align: center;
        margin: 0 auto; }
        #page_tactile #liens_partenaires ul li a:hover:before, #page_tactile #liens_partenaires ul li a:focus:before {
          top: calc(40px + 10px); }
        #page_tactile #liens_partenaires ul li a:hover:after, #page_tactile #liens_partenaires ul li a:focus:after {
          bottom: calc(40px + 10px); }
        #page_tactile #liens_partenaires ul li a:before, #page_tactile #liens_partenaires ul li a:after {
          content: "";
          display: block;
          position: absolute;
          left: 40px;
          width: calc(100% - (2 * 40px) - 40px);
          height: 32px;
          border: 18px solid #fff;
          transition: all, 0.5s; }
        #page_tactile #liens_partenaires ul li a:before {
          border-bottom: none;
          top: 40px; }
        #page_tactile #liens_partenaires ul li a:after {
          border-top: none;
          bottom: 40px; }

#page_tactile iframe[name="PBAIframe"],
#page_tactile .iframeOverlay,
#page_tactile #invisibleLayer {
  position: fixed;
  bottom: 0;
  left: 100vw;
  width: 100%;
  height: calc(100vh - 150px); }

#page_tactile iframe[name="PBAIframe"] {
  z-index: 1; }

#page_tactile .iframeOverlay {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.9);
  left: 0; }
  #page_tactile .iframeOverlay .svg-refresh {
    width: 200px;
    height: 200px;
    position: absolute;
    top: calc(50% - 100px);
    right: calc(50% - 100px); }
    #page_tactile .iframeOverlay .svg-refresh:before {
      content: '';
      width: 200px;
      height: 200px;
      display: inline-block;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='381.3' height='478.7'%3E%3Cg%3E%3Cpath d='M239 48.2L198.9 3.7c-2.2-2.5-5.3-3.7-8.4-3.7-2.7 0-5.4.9-7.5 2.8-4.7 4.1-5.1 11.2-.9 15.8l28 31.1h-19.6C85.5 49.8 0 134.5 0 238.7c0 2.1 0 4.2.1 6.3.1 3.4.3 6.7.6 10 0 0 .4 2.4.5 2.4h22.5l-.9-11.6v-.5h.7-.7c-.1-2.2-.2-4.4-.2-6.6 0-91.8 75.3-166.5 167.9-166.5h19.6l-28 31.1c-4.2 4.6-3.8 11.7.9 15.8 4.7 4.1 11.8 3.7 16-.9l40-44.4c6.6-7.3 6.6-18.3 0-25.6zM380 259l.2-1.5h-22.7l-.2 2c-9.8 82.6-80.8 147-166.7 147H171l28-31.1c4.2-4.6 3.8-11.7-.9-15.8-4.7-4.1-11.8-3.7-16 .9L142 404.9c-6.6 7.3-6.6 18.3 0 25.5l40.1 44.5c2.2 2.5 5.3 3.7 8.4 3.7 2.7 0 5.4-.9 7.5-2.8 4.7-4.1 5.1-11.2.9-15.8l-28-31.1h19.6c98.2 0 179.2-74 189.4-168.7v-.1c.1-.4.1-.7.1-1.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
      background-size: 150px;
      animation: spinSvgRefresh 2s infinite linear; }
  #page_tactile .iframeOverlay .sk-folding-cube {
    margin: 20px auto;
    width: 70px;
    height: 70px;
    position: absolute;
    transform: rotateZ(45deg);
    top: calc(50% - 35px);
    left: calc(50% - 35px); }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    transform: scale(1.1); }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    transform-origin: 100% 100%; }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube2 {
    transform: scale(1.1) rotateZ(90deg); }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube3 {
    transform: scale(1.1) rotateZ(180deg); }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube4 {
    transform: scale(1.1) rotateZ(270deg); }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube2:before {
    animation-delay: 0.3s; }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube3:before {
    animation-delay: 0.6s; }
  #page_tactile .iframeOverlay .sk-folding-cube .sk-cube4:before {
    animation-delay: 0.9s; }

#page_tactile #invisibleLayer {
  background-color: transparent;
  left: 0; }

#page_tactile.inNav #liens_partenaires, #page_tactile.inNav iframe[name="PBAIframe"] {
  transform: translate3D(-100vw, 0, 0); }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

.gigapixels-overlay .pop-up {
  height: calc(100% - 50px);
  width: calc(100% - 50px);
  max-height: unset;
  margin: 25px;
  padding: 0;
  background: transparent; }
  .gigapixels-overlay .pop-up .popup-bloc-wrapper {
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%; }
    .gigapixels-overlay .pop-up .popup-bloc-wrapper #popup-gigapixels {
      height: 100%;
      width: 100%; }
      .gigapixels-overlay .pop-up .popup-bloc-wrapper #popup-gigapixels iframe {
        height: 100%;
        width: 100%; }

.class_identifier_golden_book .arianne {
  height: auto;
  padding-bottom: 20px; }

.class_identifier_golden_book .center-line h1 {
  word-wrap: break-word;
  font-family: loveloblack;
  vertical-align: middle;
  padding-top: 44px; }

.class_identifier_golden_book .center-line p {
  display: block;
  font-family: bikobold;
  font-size: 1.57rem;
  text-align: center;
  text-transform: none; }

.class_identifier_golden_book .center-line .triangle {
  width: 0px;
  height: 0px;
  display: inline-block;
  margin-top: 30px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white; }

.class_identifier_golden_book section.infos {
  overflow: hidden; }
  .class_identifier_golden_book section.infos h2 {
    padding-top: 70px;
    margin-bottom: 20px; }
  .class_identifier_golden_book section.infos .triangle {
    border-top-color: black;
    margin-top: 0;
    margin-bottom: 35px; }

.class_identifier_golden_book .page--goldenbook .links-goldenbook {
  padding: 30px 0 60px;
  background-color: #f7f7f7; }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1168px;
    width: 100%;
    margin: 0 auto; }
    @media (max-width: 1279px) {
      .class_identifier_golden_book .page--goldenbook .links-goldenbook .wrapper {
        padding: 0 27px; } }
  .class_identifier_golden_book .page--goldenbook .links-goldenbook a span,
  .class_identifier_golden_book .page--goldenbook .links-goldenbook button span {
    display: inline-block;
    width: 100%;
    text-align: center; }

.class_identifier_golden_book .page--goldenbook .xDistribution--comment {
  width: 100%;
  overflow: hidden; }

.class_identifier_golden_book .page--goldenbook .comment-wrapper {
  margin: 7px;
  width: calc(25% - 15px);
  background-color: #f5f5f5;
  font-family: "bikobold"; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentContent {
    position: relative;
    font-size: 2rem;
    font-size: 20px;
    line-height: 24px; }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentContent a.readmore {
      display: block;
      text-align: right;
      padding-top: 20px; }
      .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentContent a.readmore:before {
        display: inline-block;
        content: "\e940";
        margin-right: 10px;
        font-family: "pba";
        font-size: 16px;
        font-size: 1.6rem;
        transition: all 0.3s; }
      .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentContent a.readmore:hover:before {
        transform: translate3D(0, 0, 0) translateX(5px); }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentContent:after {
      position: absolute;
      width: 42px;
      height: 38px;
      bottom: -38px;
      left: 90px; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper .commentAuthor {
    font-size: 2.4rem;
    font-size: 24px;
    text-transform: uppercase;
    text-align: right; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper.short-comment .commentContent, .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment .commentContent, .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment .commentContent {
    margin-bottom: 35px; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper.short-comment {
    padding: 60px 40px; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment, .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment {
    padding: 40px 7px;
    color: #fff; }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment .commentContent, .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment .commentContent {
      border: 4px solid #fff;
      padding: 18px; }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment .commentAuthor, .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment .commentAuthor {
      height: 87px;
      padding: 60px 20px 0 110px;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' viewBox='0 0 72.7 100.2'%3E%3Cstyle%3E.st0{stroke-width:7.32;stroke-miterlimit:10;} .st1{stroke-width:4.066;stroke-miterlimit:10;} .st2{stroke-width:7;stroke-miterlimit:10;}%3C/style%3E%3Cpath d='M69 36.3C69.3 54.4 54.4 69 36.3 69c-18 0-32.7-14.6-32.7-32.7 0-18 14.6-32.2 32.7-32.7C54 3.2 68.7 17.9 69 36.3z' class='st0'/%3E%3Cpath d='M57.9 35.7c.2 11.9-9.6 21.5-21.5 21.5s-21.5-9.6-21.5-21.5' class='st1'/%3E%3Cpath d='M6 71.4V95l61-24.1V95z' class='st2'/%3E%3C/svg%3E") no-repeat 30px 0;
      background-size: 62px 87px;
      line-height: 27px; }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment {
    background-color: #1D1D1E; }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper.normal-comment .commentContent:after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='40'%3E%3Cstyle%3E.st0{display:none;fill:none;enable-background:new ;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}%3C/style%3E%3Cpath id='canvas_background' fill='none' d='M-1-1h57v42H-1z'/%3E%3Cg id='svg_4'%3E%3Cpath id='svg_3' fill='%231D1D1E' stroke='null' stroke-opacity='null' stroke-width='null' d='M6.2922 36.6467L5.5736 3.3533l-3.952-5.509 49.2214.8384-44.5508 37.964z'/%3E%3Cpath id='svg_2' d='M-9.089 1.8872h13.3c.8 0 1.5.7 1.5 1.5l.7 33.9 39-34.1c.9-.8 2.1-1.2 3.3-1.2h23.7' class='st1'/%3E%3C/g%3E%3C/svg%3E"); }
  .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment {
    background-color: #D8383F; }
    .class_identifier_golden_book .page--goldenbook .comment-wrapper.long-comment .commentContent:after {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='40'%3E%3Cstyle%3E.st0{display:none;fill:none;enable-background:new ;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}%3C/style%3E%3Cpath id='canvas_background' fill='none' d='M-1-1h57v42H-1z'/%3E%3Cg id='svg_4'%3E%3Cpath id='svg_3' fill='%23D8383F' stroke='null' stroke-opacity='null' stroke-width='null' d='M6.2922 36.6467L5.5736 3.3533l-3.952-5.509 49.2214.8384-44.5508 37.964z'/%3E%3Cpath id='svg_2' d='M-9.089 1.8872h13.3c.8 0 1.5.7 1.5 1.5l.7 33.9 39-34.1c.9-.8 2.1-1.2 3.3-1.2h23.7' class='st1'/%3E%3C/g%3E%3C/svg%3E"); }

.class_identifier_golden_book .page--goldenbook .showPagination {
  padding: 55px 0 10px;
  text-align: center; }
  .class_identifier_golden_book .page--goldenbook .showPagination button {
    padding: 30px 100px;
    font-size: 24px;
    height: 92px; }
    .class_identifier_golden_book .page--goldenbook .showPagination button .svg-refresh {
      width: 30px;
      height: 30px;
      position: relative;
      top: -3px; }
      .class_identifier_golden_book .page--goldenbook .showPagination button .svg-refresh:before {
        content: '';
        width: 30px;
        height: 30px;
        display: inline-block;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='381.3' height='478.7'%3E%3Cg%3E%3Cpath d='M239 48.2L198.9 3.7c-2.2-2.5-5.3-3.7-8.4-3.7-2.7 0-5.4.9-7.5 2.8-4.7 4.1-5.1 11.2-.9 15.8l28 31.1h-19.6C85.5 49.8 0 134.5 0 238.7c0 2.1 0 4.2.1 6.3.1 3.4.3 6.7.6 10 0 0 .4 2.4.5 2.4h22.5l-.9-11.6v-.5h.7-.7c-.1-2.2-.2-4.4-.2-6.6 0-91.8 75.3-166.5 167.9-166.5h19.6l-28 31.1c-4.2 4.6-3.8 11.7.9 15.8 4.7 4.1 11.8 3.7 16-.9l40-44.4c6.6-7.3 6.6-18.3 0-25.6zM380 259l.2-1.5h-22.7l-.2 2c-9.8 82.6-80.8 147-166.7 147H171l28-31.1c4.2-4.6 3.8-11.7-.9-15.8-4.7-4.1-11.8-3.7-16 .9L142 404.9c-6.6 7.3-6.6 18.3 0 25.5l40.1 44.5c2.2 2.5 5.3 3.7 8.4 3.7 2.7 0 5.4-.9 7.5-2.8 4.7-4.1 5.1-11.2.9-15.8l-28-31.1h19.6c98.2 0 179.2-74 189.4-168.7v-.1c.1-.4.1-.7.1-1.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
        background-size: 25px;
        animation: spinSvgRefresh 2s infinite linear; }

.class_identifier_golden_book .page--goldenbook .scrollTop {
  text-align: center;
  margin: 20px 0; }
  .class_identifier_golden_book .page--goldenbook .scrollTop button {
    font-size: 30px; }

@media (min-width: 1280px) {
  .class_identifier_golden_book .page--goldenbook--comment {
    width: calc(33.3333333332% - 15px); } }

@media (min-width: 640px) and (max-width: 1279px) {
  .class_identifier_golden_book .page--goldenbook--comment {
    width: calc(50% - 15px); } }

@media (max-width: 639px) {
  .class_identifier_golden_book .page--goldenbook--comment {
    width: calc(100% - 15px); }
  .class_identifier_golden_book .page--goldenbook .showPagination button {
    padding: 30px 50px;
    max-width: calc(100% - 20px);
    margin: 0 10px; } }

#popup-goldenbook p {
  margin-bottom: 15px;
  line-height: 20px; }
  #popup-goldenbook p:last-child {
    margin-bottom: 0; }

#user-connect {
  vertical-align: middle;
  margin-right: 20px;
  margin-left: 20px; }
  @media (max-width: 1279px) {
    #user-connect {
      margin-left: 20%; } }
  #user-connect.logged {
    display: -ms-inline-flexbox;
    display: inline-flex; }
    #user-connect.logged button, #user-connect.logged a {
      font-family: 'novecento_sans_widebook';
      font-size: 16px;
      font-size: 1.6rem;
      padding: 5px 15px 6px 15px; }
      @media (max-width: 1279px) {
        #user-connect.logged button, #user-connect.logged a {
          font-size: 36px;
          font-size: 3.6rem;
          padding: 10px 40px 7px; } }
    #user-connect.logged:first-child {
      margin-right: 5px; }
  #user-connect button {
    width: 35px;
    height: 35px;
    background-image: url(../images/account/user.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; }

.checkbox-custom input[type="checkbox"] {
  position: absolute;
  left: -99999px; }

.checkbox-custom .label-checkbox {
  padding-left: 25px;
  position: relative;
  line-height: normal;
  display: inline-block; }
  .checkbox-custom .label-checkbox:before, .checkbox-custom .label-checkbox:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0px;
    width: 14px;
    height: 14px; }
  .checkbox-custom .label-checkbox:before {
    border: 2px solid #bcbec0;
    background: #fff; }
  .checkbox-custom .label-checkbox:after {
    font-family: none;
    background: url(../images/icons/check.png) center no-repeat;
    transform: none;
    display: none; }

.checkbox-custom input[type="checkbox"]:checked + .label-checkbox:after {
  display: block; }

.checkbox-custom input[type="checkbox"]:focus + .label-checkbox:before {
  border-width: 4px; }

.checkbox-custom .label-switch {
  display: inline-block;
  padding-left: 50px;
  line-height: 22px;
  height: 22px;
  position: relative;
  cursor: pointer; }
  .checkbox-custom .label-switch:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    height: 18px;
    width: 18px;
    border-radius: 2px;
    z-index: -1; }
  .checkbox-custom .label-switch:after {
    content: '';
    background: #D8383F;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 22px;
    border-radius: 3px;
    border-color: #E6E7E8;
    z-index: -2;
    transition: all 0.5s cubic-bezier(0.95, 0.25, 0.3, 0.65); }

.checkbox-custom input[type=checkbox]:checked ~ .label-switch:before {
  animation: switch 0.5s cubic-bezier(0.95, 0.25, 0.3, 0.65) forwards; }

.checkbox-custom input[type=checkbox]:not(:checked) ~ .label-switch:before {
  animation: switchOff 0.5s cubic-bezier(0.95, 0.25, 0.3, 0.65) forwards; }

.checkbox-custom input[type=checkbox]:checked ~ .label-switch:after {
  background: #00B899; }

@keyframes switch {
  50% {
    width: 22px; }
  100% {
    width: 18px;
    transform: translate3D(18px, 0, 0); } }

@keyframes switchOff {
  0% {
    transform: translate3D(18px, 0, 0); }
  50% {
    width: 22px; }
  100% {
    width: 18px;
    transform: translate3D(0, 0, 0); } }

.radio-custom .radio {
  margin: 0 20px 20px 0;
  padding-top: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .radio-custom .radio:nth-last-of-type(1) {
    margin-right: 0px; }
  .radio-custom .radio [type="radio"]:not(:checked),
  .radio-custom .radio [type="radio"]:checked {
    position: absolute;
    left: -99999px; }
  .radio-custom .radio label {
    display: inline-block;
    margin: 0;
    min-height: auto;
    padding: 0;
    padding-left: 20px;
    color: #000;
    font-family: "atc_overlookregular"; }
    .radio-custom .radio label:before, .radio-custom .radio label:after {
      content: "";
      position: absolute;
      left: 0px;
      top: 2px;
      width: 13px;
      height: 13px;
      border-radius: 50%; }
    .radio-custom .radio label:before {
      border: 3px solid #bcbec0;
      background: transparent;
      z-index: 2; }
  .radio-custom .radio [type="radio"]:focus + label {
    color: #d8383f; }
  .radio-custom .radio [type="radio"]:checked + label:after {
    background: #d8383f;
    z-index: 1; }

.select-custom {
  position: relative;
  display: inline-block; }
  .select-custom:after {
    width: 35px;
    height: auto;
    display: block;
    padding-top: 1px;
    padding-left: 10px;
    content: "\e93d";
    font-family: "pba";
    font-size: 18px;
    font-size: 1.8rem;
    position: absolute;
    right: 20px;
    top: 16px;
    color: #BCBEC0;
    z-index: 1; }
  .select-custom select {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 0 !important; }
    .select-custom select::-ms-expand {
      display: none; }
    .select-custom select option {
      font-size: 18px; }
      .select-custom select option:disabled {
        color: #ddd; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  transition: opacity 0.4s;
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .overlay.hidden {
    display: none; }

#popup-first-connect {
  background-color: #fff; }
  #popup-first-connect form p:nth-of-type(1) {
    color: #d8383f;
    margin-bottom: 10px; }
  #popup-first-connect form p, #popup-first-connect form label {
    font-family: "open_sanslight";
    font-size: 16px;
    font-size: 1.6rem; }
  #popup-first-connect form label {
    margin-bottom: 12px; }
  #popup-first-connect form .date {
    position: relative;
    width: 425px;
    margin-bottom: 10px;
    margin-bottom: 10px; }
    #popup-first-connect form .date input {
      margin-bottom: 0; }
    #popup-first-connect form .date:before {
      content: '';
      position: absolute;
      top: 50%;
      right: 40px;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      background: url(../images/icons/birthday.png) center no-repeat; }
    @media (max-width: 1279px) {
      #popup-first-connect form .date {
        width: 100%; } }
  #popup-first-connect form .delete_avatar {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    transition: opacity 0.3s;
    position: relative; }
    #popup-first-connect form .delete_avatar:before, #popup-first-connect form .delete_avatar:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      height: 3px;
      background-color: #535353;
      width: 14px;
      transition: all, 0.5s; }
    #popup-first-connect form .delete_avatar:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
    #popup-first-connect form .delete_avatar:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    #popup-first-connect form .delete_avatar:hover, #popup-first-connect form .delete_avatar:active, #popup-first-connect form .delete_avatar:focus {
      opacity: 0.5; }
  #popup-first-connect form ul {
    font-size: 0;
    padding: 5px;
    background-color: #1d1d1e;
    max-height: 270px;
    overflow: auto;
    margin-bottom: 20px; }
    #popup-first-connect form ul li {
      width: 89px;
      height: 120px;
      margin: 5px;
      display: inline-block;
      vertical-align: top;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
      #popup-first-connect form ul li [type="radio"] {
        display: none; }
      #popup-first-connect form ul li [type="radio"]:checked + label {
        background-color: rgba(216, 56, 63, 0.86);
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/icons/check_avatar.png); }
      #popup-first-connect form ul li label {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0; }
        #popup-first-connect form ul li label:before, #popup-first-connect form ul li label:after {
          content: none; }
  #popup-first-connect form button[type="submit"] {
    font-size: 24px;
    font-size: 2.4rem; }

.pop-up {
  background-color: #fff; }
  .pop-up form#account-avatar ul li input[type="radio"], .pop-up form#first-connect ul li input[type="radio"], .pop-up form#account-banner ul li input[type="radio"], .pop-up form#artwork-selection ul li input[type="radio"], .pop-up form.goldenbook-send-ecard ul li input[type="radio"], .pop-up form#account-avatar ul li input[type="checkbox"], .pop-up form#first-connect ul li input[type="checkbox"], .pop-up form#account-banner ul li input[type="checkbox"], .pop-up form#artwork-selection ul li input[type="checkbox"], .pop-up form.goldenbook-send-ecard ul li input[type="checkbox"] {
    position: absolute;
    left: -99999px; }
  .pop-up form#account-avatar ul li label, .pop-up form#first-connect ul li label, .pop-up form#account-banner ul li label, .pop-up form#artwork-selection ul li label, .pop-up form.goldenbook-send-ecard ul li label {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent; }
  .pop-up form#account-avatar ul li input[type="radio"]:checked + label, .pop-up form#first-connect ul li input[type="radio"]:checked + label, .pop-up form#account-banner ul li input[type="radio"]:checked + label, .pop-up form#artwork-selection ul li input[type="radio"]:checked + label, .pop-up form.goldenbook-send-ecard ul li input[type="radio"]:checked + label, .pop-up form#account-avatar ul li input[type="checkbox"]:checked + label, .pop-up form#first-connect ul li input[type="checkbox"]:checked + label, .pop-up form#account-banner ul li input[type="checkbox"]:checked + label, .pop-up form#artwork-selection ul li input[type="checkbox"]:checked + label, .pop-up form.goldenbook-send-ecard ul li input[type="checkbox"]:checked + label {
    background-color: rgba(216, 56, 63, 0.86);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBzdHlsZT0iZmlsbDogI2ZmZjsiIGQ9Ik00MzUgOThsLTM5LTM5Yy01LTUtMTItOC0xOS04IC04IDAtMTQgMy0xOSA4TDE3MCAyNDdsLTg0LTg0Yy01LTUtMTItOC0xOS04IC04IDAtMTQgMy0xOSA4TDggMjAyQzMgMjA3IDAgMjE0IDAgMjIxYzAgOCAzIDE0IDggMTlsMTAzIDEwMyAzOSAzOWM1IDUgMTIgOCAxOSA4IDggMCAxNC0zIDE5LThsMzktMzlMNDM1IDEzN2M1LTUgOC0xMiA4LTE5QzQ0MyAxMTAgNDQwIDEwNCA0MzUgOTh6Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40px; }
  .pop-up form#account-avatar ul li #artwork-selection input[type="radio"]:checked + label, .pop-up form#first-connect ul li #artwork-selection input[type="radio"]:checked + label, .pop-up form#account-banner ul li #artwork-selection input[type="radio"]:checked + label, .pop-up form#artwork-selection ul li #artwork-selection input[type="radio"]:checked + label, .pop-up form.goldenbook-send-ecard ul li #artwork-selection input[type="radio"]:checked + label, .pop-up form#account-avatar ul li input[type="checkbox"]:checked + label, .pop-up form#first-connect ul li input[type="checkbox"]:checked + label, .pop-up form#account-banner ul li input[type="checkbox"]:checked + label, .pop-up form#artwork-selection ul li input[type="checkbox"]:checked + label, .pop-up form.goldenbook-send-ecard ul li input[type="checkbox"]:checked + label {
    background-color: rgba(121, 165, 6, 0.86); }
  .pop-up .errors-wrapper {
    color: #D8383F;
    font-family: "open_sanslight";
    width: 425px; }
    .pop-up .errors-wrapper span {
      display: inline-block;
      margin-bottom: 10px; }
  .pop-up form {
    max-width: 100%; }
    .pop-up form label {
      display: none; }
    .pop-up form button[type="submit"], .pop-up form input[type="submit"] {
      font-size: 24px;
      font-size: 2.4rem;
      min-height: 55px;
      height: auto;
      background: transparent; }
      @media (max-width: 1279px) {
        .pop-up form button[type="submit"], .pop-up form input[type="submit"] {
          font-size: 20px;
          font-size: 2rem; } }
    .pop-up form#account_create p:nth-of-type(1) {
      color: #d8383f;
      margin-bottom: 10px; }
    .pop-up form#account_create label {
      display: none; }
    .pop-up form#account_create .accept-cgu label {
      display: block; }
    .pop-up form#account_create #accept-error {
      margin-top: 10px; }
    .pop-up form#account_create button[type="submit"] {
      margin-top: 20px;
      font-size: 24px;
      font-size: 2.4rem; }
    .pop-up form#account-changepwd input[type="password"] {
      font-size: 19px;
      font-size: 1.9rem; }
    .pop-up form#account-delete .checkbox-custom {
      padding: 10px 0 20px; }
    .pop-up form#account-avatar, .pop-up form#first-connect {
      width: 430px; }
      .pop-up form#account-avatar label, .pop-up form#first-connect label {
        display: block;
        margin-bottom: 9px; }
      .pop-up form#account-avatar ul, .pop-up form#first-connect ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        background-color: #000;
        padding: 10px 0 0 10px;
        margin-bottom: 30px;
        height: 270px;
        overflow: auto; }
        .pop-up form#account-avatar ul li, .pop-up form#first-connect ul li {
          width: 90px;
          height: 120px;
          margin: 0 10px 10px 0;
          position: relative;
          overflow: hidden;
          background-size: cover; }
          .pop-up form#account-avatar ul li:last-child, .pop-up form#first-connect ul li:last-child {
            margin-right: auto; }
      .pop-up form#account-avatar .birth_date-group, .pop-up form#first-connect .birth_date-group {
        display: -ms-flexbox;
        display: flex; }
        .pop-up form#account-avatar .birth_date-group #birth_date_DD, .pop-up form#account-avatar .birth_date-group #birth_date_MM, .pop-up form#account-avatar .birth_date-group #birth_date_YYYY, .pop-up form#first-connect .birth_date-group #birth_date_DD, .pop-up form#first-connect .birth_date-group #birth_date_MM, .pop-up form#first-connect .birth_date-group #birth_date_YYYY {
          padding: 0;
          text-align: center;
          margin-right: 10px; }
        .pop-up form#account-avatar .birth_date-group #birth_date_DD, .pop-up form#account-avatar .birth_date-group #birth_date_MM, .pop-up form#first-connect .birth_date-group #birth_date_DD, .pop-up form#first-connect .birth_date-group #birth_date_MM {
          max-width: 80px;
          -ms-flex: 1;
              flex: 1; }
        .pop-up form#account-avatar .birth_date-group #birth_date_YYYY, .pop-up form#first-connect .birth_date-group #birth_date_YYYY {
          max-width: 160px;
          -ms-flex: 2;
              flex: 2;
          margin-right: 0; }
    .pop-up form#first-connect {
      width: 435px; }
      .pop-up form#first-connect .form-group {
        margin-bottom: 10px; }
        .pop-up form#first-connect .form-group .radio {
          margin-bottom: 0; }
        .pop-up form#first-connect .form-group select {
          padding-right: 30px !important; }
    .pop-up form#account-banner, .pop-up form#artwork-selection {
      width: 515px; }
      .pop-up form#account-banner label, .pop-up form#artwork-selection label {
        display: block;
        margin-bottom: 9px; }
      .pop-up form#account-banner ul, .pop-up form#artwork-selection ul {
        background-color: #000;
        padding: 10px 0 0 10px;
        margin-bottom: 30px;
        height: 400px;
        overflow: auto; }
        .pop-up form#account-banner ul li, .pop-up form#artwork-selection ul li {
          width: calc( 50% - 10px);
          height: 120px;
          margin: 0 10px 10px 0;
          position: relative;
          overflow: hidden;
          background-size: cover;
          display: block;
          float: left; }
          .pop-up form#account-banner ul li:last-child, .pop-up form#artwork-selection ul li:last-child {
            margin-right: auto; }
          @media (max-width: 639px) {
            .pop-up form#account-banner ul li, .pop-up form#artwork-selection ul li {
              width: 100%; } }
    .pop-up form#artwork-selection .select-custom, .pop-up form#album-edit .select-custom, .pop-up form#goldenbook-add-comment .select-custom, .pop-up form.goldenbook-send-ecard .select-custom {
      width: 100%; }
    .pop-up form#artwork-selection textarea, .pop-up form#album-edit textarea, .pop-up form#goldenbook-add-comment textarea, .pop-up form.goldenbook-send-ecard textarea {
      height: 150px;
      padding-top: 10px; }
    .pop-up form#artwork-selection .label-switch, .pop-up form#album-edit .label-switch, .pop-up form#goldenbook-add-comment .label-switch, .pop-up form.goldenbook-send-ecard .label-switch {
      margin-bottom: 30px; }
    .pop-up form#goldenbook-add-comment {
      width: 435px; }
      .pop-up form#goldenbook-add-comment .label-switch {
        margin-bottom: 15px; }
      .pop-up form#goldenbook-add-comment hr {
        border-color: #bcbec0;
        margin: 10px -75px 20px; }
      .pop-up form#goldenbook-add-comment p {
        margin-bottom: 15px; }
        .pop-up form#goldenbook-add-comment p:last-of-type {
          margin-bottom: 30px; }
    .pop-up form.goldenbook-send-ecard {
      width: 525px;
      margin-top: 0; }
      .pop-up form.goldenbook-send-ecard ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        -ms-flex-pack: justify;
            justify-content: space-between;
        background-color: #000;
        padding: 10px 0 0 10px;
        margin-bottom: 30px;
        height: 400px;
        overflow: auto; }
        .pop-up form.goldenbook-send-ecard ul li {
          width: 235px;
          height: 190px;
          margin: 0 auto 10px;
          position: relative;
          overflow: hidden;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 50%;
          background-color: #1a1a1a; }
          .pop-up form.goldenbook-send-ecard ul li:last-child:nth-child(2n+1) {
            margin-right: auto; }
          .pop-up form.goldenbook-send-ecard ul li label {
            display: block;
            margin-bottom: 9px; }
  .pop-up .goldenbook-send-ecard-wrapper {
    width: 525px;
    max-width: 95vw; }
    .pop-up .goldenbook-send-ecard-wrapper #tabs--ecard {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      text-align: center;
      padding: 4px;
      background-color: #000;
      margin-bottom: 35px; }
      .pop-up .goldenbook-send-ecard-wrapper #tabs--ecard li {
        color: #fff;
        font-size: 16px;
        font-family: "bikobold";
        width: calc(50% - 2px);
        height: 49px;
        line-height: 49px; }
        .pop-up .goldenbook-send-ecard-wrapper #tabs--ecard li button {
          width: 100%; }
          .pop-up .goldenbook-send-ecard-wrapper #tabs--ecard li button.active {
            color: #000;
            background-color: #fff; }
          .pop-up .goldenbook-send-ecard-wrapper #tabs--ecard li button:not(.active):hover {
            background-color: rgba(255, 255, 255, 0.1); }
    .pop-up .goldenbook-send-ecard-wrapper .tabs--fb p {
      margin-bottom: 25px; }
    .pop-up .goldenbook-send-ecard-wrapper .tabs--fb #linkfb {
      text-decoration: none;
      font-size: 24px;
      font-size: 2.4rem;
      min-height: 55px;
      line-height: 55px;
      height: auto;
      text-align: center; }
    .pop-up .goldenbook-send-ecard-wrapper .tabs--mail form p {
      margin-bottom: 15px; }
    .pop-up .goldenbook-send-ecard-wrapper .tabs--mail form > p:not(:first-of-type) {
      padding-top: 20px; }
    .pop-up .goldenbook-send-ecard-wrapper .tabs--mail form .text-content {
      margin-bottom: 30px; }
  .pop-up.diaporama-wrapper {
    width: 100%;
    height: 100%;
    max-height: unset;
    background-color: transparent;
    overflow: hidden; }
    .pop-up.diaporama-wrapper .diaporama-controls {
      position: absolute;
      z-index: 3;
      width: 100%;
      top: 50%;
      left: 0;
      padding: 0 100px;
      transform: translateY(-50%);
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .pop-up.diaporama-wrapper .diaporama-controls button {
        font-size: 30px;
        color: #fff;
        cursor: pointer; }
        .pop-up.diaporama-wrapper .diaporama-controls button:disabled {
          opacity: 0.2;
          cursor: default; }
    .pop-up.diaporama-wrapper .diaporama-content-wrapper {
      height: 100%;
      width: 100%;
      display: block;
      position: relative;
      z-index: 2; }
      .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama-title {
        color: #fff;
        text-align: left; }
      .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama {
        height: 100%;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        transition: transform 0.5s;
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s; }
        .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama li {
          display: block;
          height: 100%;
          text-align: center; }
          .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama li figure {
            display: inline-block;
            height: 100%; }
            .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama li figure .item-visu {
              height: auto;
              max-height: calc(100% - 130px); }
            .pop-up.diaporama-wrapper .diaporama-content-wrapper .diaporama li figure figcaption {
              height: 90px;
              color: #fff; }

.public-list-all, .public-album {
  background-color: #fff;
  overflow: hidden; }
  .public-list-all .arianne.collections-liste-oeuvre .title, .public-album .arianne.collections-liste-oeuvre .title {
    width: 550px;
    padding-top: 30px;
    position: relative; }
    .public-list-all .arianne.collections-liste-oeuvre .title span.eye, .public-album .arianne.collections-liste-oeuvre .title span.eye {
      display: inline-block;
      width: 41px;
      height: 28px;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIzMSI+PHN0eWxlPi5leWVfcGFydHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fTwvc3R5bGU+PHBhdGggaWQ9InN2Z18xIiBkPSJNMjIuODk3IDIuMjg1Yy05IDAtMTYuOCA1LjQtMjAuMyAxMy4xIDMuNSA3LjcgMTEuMiAxMy4xIDIwLjMgMTMuMSA5IDAgMTYuOC01LjQgMjAuMy0xMy4xLTMuNi03LjctMTEuMy0xMy4xLTIwLjMtMTMuMXoiIGNsYXNzPSJleWVfcGFydCIvPjxjaXJjbGUgaWQ9InN2Z18yIiBjeD0iMjIuODk3IiBjeT0iMTUuMzg1IiByPSI3IiBjbGFzcz0iZXllX3BhcnQiLz48L3N2Zz4=");
      background-size: cover;
      position: relative;
      top: 5px; }
    .public-list-all .arianne.collections-liste-oeuvre .title .triangle, .public-album .arianne.collections-liste-oeuvre .title .triangle {
      width: 0px;
      height: 0px;
      display: inline-block;
      margin-top: 12px;
      position: absolute;
      bottom: -23px;
      left: calc(50% - 21px);
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FFF; }
  .public-list-all .arianne.collections-liste-oeuvre button.create-album-btn, .public-album .arianne.collections-liste-oeuvre button.create-album-btn {
    position: absolute;
    top: 25px;
    right: 0;
    padding: 10px 15px; }
  .public-list-all .album-infos, .public-album .album-infos {
    width: 1102px;
    max-width: 100%;
    margin: 0 auto;
    padding: 45px 0 60px;
    position: relative; }
    .public-list-all .album-infos .album-name, .public-album .album-infos .album-name {
      font-family: "bikobold";
      font-size: 2rem;
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .public-list-all .album-infos .album-description, .public-album .album-infos .album-description {
      font-size: 1.4rem;
      font-size: 14px;
      margin-bottom: 5px; }
    .public-list-all .album-infos .album-creator, .public-album .album-infos .album-creator {
      font-size: 1.4rem;
      font-size: 14px;
      font-weight: bold; }
      .public-list-all .album-infos .album-creator a:hover, .public-album .album-infos .album-creator a:hover {
        text-decoration: underline; }
    .public-list-all .album-infos button.share, .public-album .album-infos button.share {
      position: absolute;
      top: 45px;
      right: 0;
      padding: 10px 15px; }
    @media (max-width: 1279px) {
      .public-list-all .album-infos, .public-album .album-infos {
        padding-left: 15px;
        padding-right: 85px; }
        .public-list-all .album-infos button.share, .public-album .album-infos button.share {
          right: 15px; } }
  .public-list-all .gallery, .public-album .gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .public-list-all .gallery .description, .public-album .gallery .description {
      color: #2C2C2E;
      background-color: #FFF; }
    .public-list-all .gallery .vignette, .public-album .gallery .vignette {
      display: block;
      position: relative; }
      @media (max-width: 639px) {
        .public-list-all .gallery .vignette, .public-album .gallery .vignette {
          width: 100%; } }
      .public-list-all .gallery .vignette .gallery-actions, .public-album .gallery .vignette .gallery-actions {
        position: absolute;
        z-index: 2; }
        .public-list-all .gallery .vignette .gallery-actions.favorites-actions, .public-album .gallery .vignette .gallery-actions.favorites-actions {
          top: 20px;
          right: 20px; }
          .public-list-all .gallery .vignette .gallery-actions.favorites-actions button, .public-album .gallery .vignette .gallery-actions.favorites-actions button {
            opacity: 0;
            background-color: #404;
            display: block;
            height: 28px;
            width: 32px;
            background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzEgMjAwIj48c3R5bGU+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjE1O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwYXRoIGQ9Ik0xMTUuOCAxOTNDODYuNyAxNzYuMSA5LjkgMTI0LjkgOS45IDU1LjkgOS45IDMwIDMxLjggOSA1OC44IDljNDIuMSAwIDU3IDMyLjMgNTcgMzIuM1MxMzQuNiA5IDE3Mi43IDljMjYuOSAwIDQ4LjggMjEgNDguOCA0Ni45LjEgNjktNzYuNyAxMjAuMi0xMDUuNyAxMzcuMXoiIGNsYXNzPSJzdDAiLz48L3N2Zz4=") no-repeat 50%;
            background-size: cover;
            transition: scale, 0.1s; }
            .public-list-all .gallery .vignette .gallery-actions.favorites-actions button.active, .public-list-all .gallery .vignette .gallery-actions.favorites-actions button:hover, .public-album .gallery .vignette .gallery-actions.favorites-actions button.active, .public-album .gallery .vignette .gallery-actions.favorites-actions button:hover {
              transform: scale(1.2);
              background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzUuMSAyMDkuNSI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoxNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9IC5zdDF7ZmlsbDojRkZGRkZGO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDo0O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxwYXRoIGQ9Ik0xMTcuMiAyMDEuNWMtMjktMTYuOS0xMDUuOC02OC4xLTEwNS44LTEzNy4xIDAtMjUuOSAyMS45LTQ2LjkgNDguOC00Ni45IDQyLjEgMCA1NyAzMi4zIDU3IDMyLjNzMTguOC0zMi4zIDU3LTMyLjNjMjYuOSAwIDQ4LjggMjEgNDguOCA0Ni45IDAgNjktNzYuOCAxMjAuMi0xMDUuOCAxMzcuMXoiIGNsYXNzPSJzdDAiLz48cGF0aCBkPSJNMTE4IDE5Ni40Qzg5IDE3OS41IDEyLjIgMTI4LjMgMTIuMiA1OS4zIDEyLjEgMzMuNCAzNCAxMi40IDYxIDEyLjRjNDIuMSAwIDU3IDMyLjMgNTcgMzIuM3MxOC44LTMyLjMgNTctMzIuM2MyNi45IDAgNDguOCAyMSA0OC44IDQ2LjkgMCA2OS03Ni44IDEyMC4yLTEwNS44IDEzNy4xeiIgY2xhc3M9InN0MSIvPjwvc3ZnPgo="); }
      .public-list-all .gallery .vignette a, .public-album .gallery .vignette a {
        position: relative;
        display: block;
        z-index: 1; }
        .public-list-all .gallery .vignette a .visu, .public-album .gallery .vignette a .visu {
          position: relative; }
          .public-list-all .gallery .vignette a .visu:after, .public-album .gallery .vignette a .visu:after {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            content: ' ';
            background-color: rgba(0, 0, 0, 0.29);
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity, 0.5s; }
        .public-list-all .gallery .vignette a .description, .public-album .gallery .vignette a .description {
          background: #fff;
          color: #2C2C2E; }
      .public-list-all .gallery .vignette:hover .gallery-actions,
      .public-list-all .gallery .vignette:hover .visu:after,
      .public-list-all .gallery .vignette:hover .favorites-actions button,
      .public-list-all .gallery .vignette:hover a:before, .public-list-all .gallery .vignette:focus .gallery-actions,
      .public-list-all .gallery .vignette:focus .visu:after,
      .public-list-all .gallery .vignette:focus .favorites-actions button,
      .public-list-all .gallery .vignette:focus a:before, .public-list-all .gallery .vignette:active .gallery-actions,
      .public-list-all .gallery .vignette:active .visu:after,
      .public-list-all .gallery .vignette:active .favorites-actions button,
      .public-list-all .gallery .vignette:active a:before, .public-album .gallery .vignette:hover .gallery-actions,
      .public-album .gallery .vignette:hover .visu:after,
      .public-album .gallery .vignette:hover .favorites-actions button,
      .public-album .gallery .vignette:hover a:before, .public-album .gallery .vignette:focus .gallery-actions,
      .public-album .gallery .vignette:focus .visu:after,
      .public-album .gallery .vignette:focus .favorites-actions button,
      .public-album .gallery .vignette:focus a:before, .public-album .gallery .vignette:active .gallery-actions,
      .public-album .gallery .vignette:active .visu:after,
      .public-album .gallery .vignette:active .favorites-actions button,
      .public-album .gallery .vignette:active a:before {
        opacity: 1; }

#tags {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 625px; }
  @media (max-width: 1279px) {
    #tags {
      width: 100%; } }
  #tags ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 1279px) {
      #tags ul {
        display: block; } }
    #tags ul li {
      margin-right: 5px;
      margin-bottom: 0px; }
      #tags ul li:before {
        content: none; }
      #tags ul li a {
        font-family: 'open_sansregular';
        font-weight: 400;
        color: #1d1d1e;
        font-size: 16px;
        font-size: 1.6rem;
        height: 30px;
        padding: 0px 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        border: 3px solid #1d1d1e;
        transition: all 0.3s; }
        #tags ul li a:nth-last-of-type(1) {
          margin-right: 0px; }
        #tags ul li a:hover, #tags ul li a:active, #tags ul li a:focus {
          background-color: #1d1d1e;
          color: #fff; }

.class_identifier_emotions .gabarit-account .header-account .header-account-wrapper, .gabarit-account .header-account .class_identifier_emotions .header-account-wrapper, .class_identifier_emotions .gabarit-account .links-account, .gabarit-account .class_identifier_emotions .links-account, .class_identifier_emotions .gabarit-account.myaccount-edit .account-edit-wrapper, .gabarit-account.myaccount-edit .class_identifier_emotions .account-edit-wrapper, .class_identifier_emotions .gabarit-account.myaccount-selections .selections-header, .gabarit-account.myaccount-selections .class_identifier_emotions .selections-header {
  max-width: 1168px;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1279px) {
    .class_identifier_emotions .gabarit-account .header-account .header-account-wrapper, .gabarit-account .header-account .class_identifier_emotions .header-account-wrapper, .class_identifier_emotions .gabarit-account .links-account, .gabarit-account .class_identifier_emotions .links-account, .class_identifier_emotions .gabarit-account.myaccount-edit .account-edit-wrapper, .gabarit-account.myaccount-edit .class_identifier_emotions .account-edit-wrapper, .class_identifier_emotions .gabarit-account.myaccount-selections .selections-header, .gabarit-account.myaccount-selections .class_identifier_emotions .selections-header {
      padding: 0 27px; } }

.class_identifier_emotions .arianne-emotions {
  height: 130px; }
  .class_identifier_emotions .arianne-emotions .icon-team {
    font-size: 50px;
    position: relative;
    top: -5px;
    left: -20px; }
  .class_identifier_emotions .arianne-emotions .triangle {
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFF;
    display: block;
    margin-top: 12px;
    position: relative;
    left: calc(50% - 10px); }

.class_identifier_emotions .page--emotions {
  background-color: #f7f7f7; }

.class_identifier_emotions .grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  padding-top: 5px; }

.class_identifier_emotions .grid-col, .class_identifier_emotions .grid-sub-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 50%; }

.class_identifier_emotions .grid-block {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  margin: 0 5px 10px;
  background-color: #fff;
  background-size: cover;
  background-position: 50% 50%; }
  .class_identifier_emotions .grid-block.gb-insta a:before {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='97.395' height='97.395'%3E%3Cpath d='M12.501 0h72.393c6.875 0 12.5 5.09 12.5 12.5v72.395c0 7.41-5.625 12.5-12.5 12.5H12.501C5.624 97.395 0 92.305 0 84.895V12.5C0 5.09 5.624 0 12.501 0zm58.447 10.821c-2.412 0-4.383 1.972-4.383 4.385v10.495c0 2.412 1.971 4.385 4.383 4.385h11.008c2.412 0 4.385-1.973 4.385-4.385V15.206c0-2.413-1.973-4.385-4.385-4.385H70.948zm15.439 30.367h-8.572c.811 2.648 1.25 5.453 1.25 8.355 0 16.2-13.556 29.332-30.275 29.332-16.718 0-30.272-13.132-30.272-29.332 0-2.904.438-5.708 1.25-8.355h-8.945v41.141c0 2.129 1.742 3.872 3.872 3.872h67.822c2.13 0 3.872-1.742 3.872-3.872V41.188h-.002zM48.789 29.533c-10.802 0-19.56 8.485-19.56 18.953s8.758 18.953 19.56 18.953c10.803 0 19.562-8.485 19.562-18.953s-8.758-18.953-19.562-18.953z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 27px; }
  .class_identifier_emotions .grid-block.gb-insta p:last-of-type:before {
    content: "@PBALILLE"; }
  .class_identifier_emotions .grid-block.gb-facebook a:before {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='100' height='100'%3E%3Cpath d='M74.986 17.86l-9.058.004c-7.102 0-8.477 3.375-8.477 8.328v10.92h16.94l-.004 17.107H57.45v43.89H39.785V54.22h-14.77V37.112h14.77V24.5c0-14.64 8.943-22.613 22.003-22.613l13.2.02V17.86z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 27px; }
  .class_identifier_emotions .grid-block.gb-facebook p:last-of-type:before {
    content: "@PBALILLE"; }
  .class_identifier_emotions .grid-block.gb-twitter a:before {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' height='100' width='100'%3E%3Cpath d='M98.705 19.707c-.14-.165-.37-.22-.568-.13-2.92 1.294-5.99 2.225-9.153 2.775 3.358-2.526 5.86-6.024 7.142-10.035.062-.192-.002-.402-.16-.527-.157-.125-.376-.14-.55-.038-3.78 2.243-7.877 3.824-12.178 4.7-3.813-3.955-9.135-6.218-14.644-6.218-11.204 0-20.318 9.114-20.318 20.317 0 1.36.13 2.7.39 4-15.516-.95-30.026-8.4-39.893-20.5-.1-.12-.254-.19-.414-.17-.16.01-.31.1-.39.24-1.8 3.09-2.75 6.62-2.75 10.217 0 6.23 2.83 12.053 7.65 15.896-2.48-.3-4.91-1.08-7.09-2.294-.15-.083-.33-.08-.48.003-.15.08-.24.24-.25.41v.26c0 8.94 5.893 16.8 14.28 19.41-2.21.35-4.5.33-6.754-.1-.167-.03-.34.023-.455.15-.113.13-.15.307-.1.47 2.516 7.85 9.504 13.355 17.638 14.04-6.783 4.97-14.803 7.59-23.28 7.59-1.56 0-3.13-.092-4.67-.274-.22-.026-.437.105-.513.317-.075.213.006.45.196.572 9.17 5.88 19.775 8.984 30.666 8.984 35.626 0 56.914-28.94 56.914-56.913 0-.774-.015-1.55-.046-2.322 3.845-2.81 7.14-6.254 9.804-10.237.12-.18.106-.416-.033-.582z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 23px; }
  .class_identifier_emotions .grid-block.gb-twitter p:last-of-type:before {
    content: "@PBALILLE"; }
  .class_identifier_emotions .grid-block.gb-insta, .class_identifier_emotions .grid-block.gb-facebook, .class_identifier_emotions .grid-block.gb-twitter {
    padding: 0; }
    .class_identifier_emotions .grid-block.gb-insta a, .class_identifier_emotions .grid-block.gb-facebook a, .class_identifier_emotions .grid-block.gb-twitter a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 40px 20px 90px; }
      .class_identifier_emotions .grid-block.gb-insta a:before, .class_identifier_emotions .grid-block.gb-facebook a:before, .class_identifier_emotions .grid-block.gb-twitter a:before {
        content: '';
        width: 46px;
        height: 46px;
        border-radius: 25px;
        border: 2px solid #fff;
        position: absolute;
        bottom: 20px;
        left: 20px; }
      .class_identifier_emotions .grid-block.gb-insta a p, .class_identifier_emotions .grid-block.gb-facebook a p, .class_identifier_emotions .grid-block.gb-twitter a p {
        color: #fff;
        font-family: "bikoregular";
        font-size: 2rem;
        font-size: 20px;
        max-height: 100%; }
        .class_identifier_emotions .grid-block.gb-insta a p:last-of-type, .class_identifier_emotions .grid-block.gb-facebook a p:last-of-type, .class_identifier_emotions .grid-block.gb-twitter a p:last-of-type {
          position: absolute;
          bottom: 20px;
          right: 20px;
          font-size: 1.6rem;
          font-size: 16px;
          font-family: "bikobold";
          line-height: 19px;
          text-align: right; }
          .class_identifier_emotions .grid-block.gb-insta a p:last-of-type:before, .class_identifier_emotions .grid-block.gb-facebook a p:last-of-type:before, .class_identifier_emotions .grid-block.gb-twitter a p:last-of-type:before {
            display: block; }
  .class_identifier_emotions .grid-block.gb-facebook, .class_identifier_emotions .grid-block.gb-twitter {
    background-color: #fff; }
    .class_identifier_emotions .grid-block.gb-facebook a, .class_identifier_emotions .grid-block.gb-twitter a {
      background-color: rgba(29, 29, 29, 0.6); }
  .class_identifier_emotions .grid-block.gb-comment {
    padding: 0; }
    .class_identifier_emotions .grid-block.gb-comment .comment-wrapper {
      width: 100%;
      height: 100%;
      font-family: "bikobold";
      padding: 30px 15px; }
    .class_identifier_emotions .grid-block.gb-comment .commentContent {
      position: relative;
      font-size: 2rem;
      font-size: 20px;
      line-height: 24px;
      z-index: 1; }
      .class_identifier_emotions .grid-block.gb-comment .commentContent:not(.is-truncated) a.readmore {
        display: none; }
      .class_identifier_emotions .grid-block.gb-comment .commentContent a.readmore {
        text-align: right; }
        .class_identifier_emotions .grid-block.gb-comment .commentContent a.readmore:before {
          display: inline-block;
          content: "\e940";
          margin-right: 10px;
          font-family: "pba";
          font-size: 16px;
          font-size: 1.6rem;
          transition: all 0.3s; }
        .class_identifier_emotions .grid-block.gb-comment .commentContent a.readmore:hover:before {
          transform: translate3D(0, 0, 0) translateX(5px); }
    .class_identifier_emotions .grid-block.gb-comment .commentAuthor {
      font-size: 2.4rem;
      font-size: 24px;
      text-transform: uppercase;
      text-align: right;
      height: 87px;
      padding: 60px 20px 0 110px;
      line-height: 27px;
      position: absolute;
      bottom: 40px;
      width: calc( 100% - 14px); }
    .class_identifier_emotions .grid-block.gb-comment--lo {
      background-color: #D8383F;
      color: #fff; }
      .class_identifier_emotions .grid-block.gb-comment--lo .commentContent {
        border: 4px solid #fff;
        padding: 15px; }
        .class_identifier_emotions .grid-block.gb-comment--lo .commentContent:after {
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='40'%3E%3Cstyle%3E.st0{display:none;fill:none;enable-background:new ;} .st1{fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}%3C/style%3E%3Cpath id='canvas_background' fill='none' d='M-1-1h57v42H-1z'/%3E%3Cg id='svg_4'%3E%3Cpath id='svg_3' fill='%23D8383F' stroke='null' stroke-opacity='null' stroke-width='null' d='M6.2922 36.6467L5.5736 3.3533l-3.952-5.509 49.2214.8384-44.5508 37.964z'/%3E%3Cpath id='svg_2' d='M-9.089 1.8872h13.3c.8 0 1.5.7 1.5 1.5l.7 33.9 39-34.1c.9-.8 2.1-1.2 3.3-1.2h23.7' class='st1'/%3E%3C/g%3E%3C/svg%3E");
          position: absolute;
          width: 42px;
          height: 38px;
          bottom: -38px;
          left: 90px; }
      .class_identifier_emotions .grid-block.gb-comment--lo .commentAuthor {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' viewBox='0 0 72.7 100.2'%3E%3Cstyle%3E.st0{stroke-width:7.32;stroke-miterlimit:10;} .st1{stroke-width:4.066;stroke-miterlimit:10;} .st2{stroke-width:7;stroke-miterlimit:10;}%3C/style%3E%3Cpath d='M69 36.3C69.3 54.4 54.4 69 36.3 69c-18 0-32.7-14.6-32.7-32.7 0-18 14.6-32.2 32.7-32.7C54 3.2 68.7 17.9 69 36.3z' class='st0'/%3E%3Cpath d='M57.9 35.7c.2 11.9-9.6 21.5-21.5 21.5s-21.5-9.6-21.5-21.5' class='st1'/%3E%3Cpath d='M6 71.4V95l61-24.1V95z' class='st2'/%3E%3C/svg%3E") no-repeat 30px 0;
        background-size: 62px 87px; }
    .class_identifier_emotions .grid-block.gb-comment--oe {
      background-color: #f5f5f5;
      color: #1d1d1d; }
      .class_identifier_emotions .grid-block.gb-comment--oe .commentContent {
        max-height: 280px; }
      .class_identifier_emotions .grid-block.gb-comment--oe a.visu {
        display: block;
        position: absolute;
        bottom: 20px;
        left: 20px;
        height: 163px;
        width: 110px;
        background-size: cover; }
      .class_identifier_emotions .grid-block.gb-comment--oe .commentAuthor {
        height: auto;
        padding: 0;
        right: 20px;
        width: calc(100% - 150px); }
    .class_identifier_emotions .grid-block.gb-comment--h .commentContent {
      max-height: 135px;
      min-height: 90px;
      width: calc(100% - 150px);
      float: right; }
      .class_identifier_emotions .grid-block.gb-comment--h .commentContent:after {
        bottom: 20px;
        left: -40px;
        transform: rotateY(180deg) rotateZ(-90deg); }
    .class_identifier_emotions .grid-block.gb-comment--h .commentAuthor {
      bottom: 30px; }
    .class_identifier_emotions .grid-block.gb-comment--v.gb-comment--lo .commentContent {
      max-height: 300px; }
  .class_identifier_emotions .grid-block.gb-favorites a {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.6) 100%);
    display: block;
    width: 100%;
    height: 100%; }
    .class_identifier_emotions .grid-block.gb-favorites a:before {
      content: '';
      width: 43px;
      height: 36px;
      position: absolute;
      bottom: 20px;
      left: 20px;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 231 200'%3E%3Cstyle%3E.st0{fill:%23fff;stroke:none;}%3C/style%3E%3Cpath d='M115.8 193C86.7 176.1 9.9 124.9 9.9 55.9 9.9 30 31.8 9 58.8 9c42.1 0 57 32.3 57 32.3S134.6 9 172.7 9c26.9 0 48.8 21 48.8 46.9.1 69-76.7 120.2-105.7 137.1z' class='st0'/%3E%3C/svg%3E") no-repeat 50%;
      background-size: cover; }
    .class_identifier_emotions .grid-block.gb-favorites a p {
      position: absolute;
      bottom: 20px;
      right: 20px;
      text-align: right;
      color: #fff;
      font-family: "bikobold";
      font-size: 1.6rem;
      font-size: 16px;
      line-height: 19px; }
      .class_identifier_emotions .grid-block.gb-favorites a p:before {
        content: 'Ajouté en favori par';
        display: block; }
  .class_identifier_emotions .grid-block.gb-ecard a, .class_identifier_emotions .grid-block.gb-ecard button, .class_identifier_emotions .grid-block.gb-goldenbook a, .class_identifier_emotions .grid-block.gb-goldenbook button {
    width: 100%;
    height: 100%; }
    .class_identifier_emotions .grid-block.gb-ecard a:hover:before, .class_identifier_emotions .grid-block.gb-ecard button:hover:before, .class_identifier_emotions .grid-block.gb-goldenbook a:hover:before, .class_identifier_emotions .grid-block.gb-goldenbook button:hover:before {
      top: calc(100px + 5px); }
    .class_identifier_emotions .grid-block.gb-ecard a:hover:after, .class_identifier_emotions .grid-block.gb-ecard button:hover:after, .class_identifier_emotions .grid-block.gb-goldenbook a:hover:after, .class_identifier_emotions .grid-block.gb-goldenbook button:hover:after {
      bottom: calc(100px + 5px); }
    .class_identifier_emotions .grid-block.gb-ecard a:before, .class_identifier_emotions .grid-block.gb-ecard button:before, .class_identifier_emotions .grid-block.gb-goldenbook a:before, .class_identifier_emotions .grid-block.gb-goldenbook button:before {
      top: 100px; }
    .class_identifier_emotions .grid-block.gb-ecard a:after, .class_identifier_emotions .grid-block.gb-ecard button:after, .class_identifier_emotions .grid-block.gb-goldenbook a:after, .class_identifier_emotions .grid-block.gb-goldenbook button:after {
      bottom: 100px; }
  .class_identifier_emotions .grid-block.gb-count {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding: 0; }
    .class_identifier_emotions .grid-block.gb-count > * {
      width: calc(50% - 5px);
      display: block;
      text-align: center;
      padding-top: 25px;
      font-family: "bikobold";
      font-size: 2.4rem;
      font-size: 24px; }
      .class_identifier_emotions .grid-block.gb-count > * span {
        display: block;
        font-size: 0;
        width: 80px;
        height: 80px;
        margin: 10px auto;
        border: 3px solid #fff;
        border-radius: 50%; }
      .class_identifier_emotions .grid-block.gb-count > *:nth-child(2n-1) {
        margin-right: 10px; }
      .class_identifier_emotions .grid-block.gb-count > *:nth-child(1), .class_identifier_emotions .grid-block.gb-count > *:nth-child(2) {
        margin-bottom: 10px; }
      .class_identifier_emotions .grid-block.gb-count > *:nth-child(1), .class_identifier_emotions .grid-block.gb-count > *:nth-child(4) {
        background-color: #000;
        color: #fff; }
    .class_identifier_emotions .grid-block.gb-count #gb-twitter-count span {
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' height='100' width='100'%3E%3Cpath d='M98.705 19.707c-.14-.165-.37-.22-.568-.13-2.92 1.294-5.99 2.225-9.153 2.775 3.358-2.526 5.86-6.024 7.142-10.035.062-.192-.002-.402-.16-.527-.157-.125-.376-.14-.55-.038-3.78 2.243-7.877 3.824-12.178 4.7-3.813-3.955-9.135-6.218-14.644-6.218-11.204 0-20.318 9.114-20.318 20.317 0 1.36.13 2.7.39 4-15.516-.95-30.026-8.4-39.893-20.5-.1-.12-.254-.19-.414-.17-.16.01-.31.1-.39.24-1.8 3.09-2.75 6.62-2.75 10.217 0 6.23 2.83 12.053 7.65 15.896-2.48-.3-4.91-1.08-7.09-2.294-.15-.083-.33-.08-.48.003-.15.08-.24.24-.25.41v.26c0 8.94 5.893 16.8 14.28 19.41-2.21.35-4.5.33-6.754-.1-.167-.03-.34.023-.455.15-.113.13-.15.307-.1.47 2.516 7.85 9.504 13.355 17.638 14.04-6.783 4.97-14.803 7.59-23.28 7.59-1.56 0-3.13-.092-4.67-.274-.22-.026-.437.105-.513.317-.075.213.006.45.196.572 9.17 5.88 19.775 8.984 30.666 8.984 35.626 0 56.914-28.94 56.914-56.913 0-.774-.015-1.55-.046-2.322 3.845-2.81 7.14-6.254 9.804-10.237.12-.18.106-.416-.033-.582z'/%3E%3C/svg%3E") no-repeat 50% 50%;
      background-size: 39px; }
    .class_identifier_emotions .grid-block.gb-count #gb-snapcode span {
      font-size: 2.4rem;
      font-size: 24px;
      background: transparent url("../images/snapcode_PBALille.png") no-repeat 50% 50%;
      background-size: cover;
      border-radius: 0;
      border: none; }
    .class_identifier_emotions .grid-block.gb-count #gb-facebook-count span {
      border-color: #000;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='100' height='100'%3E%3Cpath d='M74.986 17.86l-9.058.004c-7.102 0-8.477 3.375-8.477 8.328v10.92h16.94l-.004 17.107H57.45v43.89H39.785V54.22h-14.77V37.112h14.77V24.5c0-14.64 8.943-22.613 22.003-22.613l13.2.02V17.86z'/%3E%3C/svg%3E") no-repeat 50% 50%;
      background-size: 45px; }
    .class_identifier_emotions .grid-block.gb-count #gb-instagram-count span {
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='97.395' height='97.395'%3E%3Cpath d='M12.501 0h72.393c6.875 0 12.5 5.09 12.5 12.5v72.395c0 7.41-5.625 12.5-12.5 12.5H12.501C5.624 97.395 0 92.305 0 84.895V12.5C0 5.09 5.624 0 12.501 0zm58.447 10.821c-2.412 0-4.383 1.972-4.383 4.385v10.495c0 2.412 1.971 4.385 4.383 4.385h11.008c2.412 0 4.385-1.973 4.385-4.385V15.206c0-2.413-1.973-4.385-4.385-4.385H70.948zm15.439 30.367h-8.572c.811 2.648 1.25 5.453 1.25 8.355 0 16.2-13.556 29.332-30.275 29.332-16.718 0-30.272-13.132-30.272-29.332 0-2.904.438-5.708 1.25-8.355h-8.945v41.141c0 2.129 1.742 3.872 3.872 3.872h67.822c2.13 0 3.872-1.742 3.872-3.872V41.188h-.002zM48.789 29.533c-10.802 0-19.56 8.485-19.56 18.953s8.758 18.953 19.56 18.953c10.803 0 19.562-8.485 19.562-18.953s-8.758-18.953-19.562-18.953z'/%3E%3C/svg%3E") no-repeat 50% 50%;
      background-size: 49px; }

.class_identifier_emotions .page--emotions-web .grid-block#grid-block-1, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-3, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-6, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-7, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-8, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-9, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-10, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-11, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-16 {
  height: 506px; }

.class_identifier_emotions .page--emotions-web .grid-block#grid-block-2, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-5, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-15, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-17, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-20 {
  height: 248px; }

.class_identifier_emotions .page--emotions-web .grid-block#grid-block-12, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-13, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-14, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-18, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-19 {
  height: 334px; }

.class_identifier_emotions .page--emotions-web .grid-block#grid-block-21, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-22 {
  height: 420px; }

.class_identifier_emotions .page--emotions-web .grid-block#grid-block-3, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-7, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-8, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-18, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-19, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-21, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-22 {
  width: calc(50% - 10px); }

@media (max-width: 1279px) {
  .class_identifier_emotions .grid-col {
    width: 100%; } }

@media (max-width: 639px) {
  .class_identifier_emotions .grid-col, .class_identifier_emotions .grid-sub-col {
    width: 100%; }
  .class_identifier_emotions .page--emotions-web .grid-block#grid-block-3, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-7, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-8, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-18, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-19, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-21, .class_identifier_emotions .page--emotions-web .grid-block#grid-block-22 {
    width: 100%; } }

.class_identifier_emotions .page--emotions-4k {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment .comment-wrapper {
    padding: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment .comment-content {
    font-size: 1.8rem;
    font-size: 18px;
    line-height: 20px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--lo .commentContent {
    padding: 10px;
    font-size: 19px;
    line-height: 21px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--lo .commentAuthor {
    background-position: 10px 0;
    background-size: 42px;
    font-size: 1.6rem;
    font-size: 16px;
    height: 60px;
    padding: 10px 20px 0 65px;
    bottom: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe a.visu {
    bottom: 10px;
    left: 10px;
    height: 152px;
    width: 110px;
    background-size: cover;
    background-color: #ccc; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-4 a.visu {
    height: 172.5px;
    width: 120px;
    top: 0;
    left: 0; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-4 .commentContent {
    padding-left: 120px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-4 .commentAuthor {
    width: calc(100% - 140px);
    font-size: 16px;
    line-height: 20px;
    bottom: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-7 a.visu {
    height: 90px;
    width: 70px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-7 .commentAuthor {
    width: calc(100% - 90px);
    right: 10px;
    font-size: 16px;
    line-height: 20px;
    bottom: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-12 a.visu {
    height: 80px;
    width: 60px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-comment--oe#grid-block-12 .commentAuthor {
    width: calc(100% - 80px);
    right: 10px;
    font-size: 14px;
    line-height: 16px;
    bottom: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-insta a, .class_identifier_emotions .page--emotions-4k .grid-block.gb-facebook a, .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a {
    padding: 20px 20px 80px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-insta a:before, .class_identifier_emotions .page--emotions-4k .grid-block.gb-facebook a:before, .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a:before {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      bottom: 20px;
      left: 20px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-insta a p, .class_identifier_emotions .page--emotions-4k .grid-block.gb-facebook a p, .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a p {
      font-size: 1.8rem;
      font-size: 18px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-insta a p:last-of-type, .class_identifier_emotions .page--emotions-4k .grid-block.gb-facebook a p:last-of-type, .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a p:last-of-type {
      font-size: 1.5rem;
      font-size: 15px;
      bottom: 18px;
      right: 20px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-insta a:before {
    background-size: 18px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-facebook a:before {
    background-size: 20px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a {
    padding: 20px 20px 80px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-twitter a:before {
      background-size: 16px; }
  .class_identifier_emotions .page--emotions-4k .grid-block.gb-count {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding: 0; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > * {
      width: 105px;
      display: block;
      text-align: center;
      padding-top: 20px;
      font-family: "bikobold";
      font-size: 1.6rem;
      font-size: 16px; }
      .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > * span {
        display: block;
        font-size: 0;
        width: 56px;
        height: 56px;
        margin: 5px auto;
        border: 3px solid #fff;
        border-radius: 50%; }
      .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(2n-1) {
        margin-right: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(1), .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(2) {
        margin-bottom: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(1), .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(3) {
        background-color: #000;
        color: #fff; }
      .class_identifier_emotions .page--emotions-4k .grid-block.gb-count > *:nth-child(4) {
        background-color: #FFF;
        color: #000; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-count #gb-twitter-count span {
      background-size: 29px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-count #gb-snapcode span {
      font-size: 1.6rem;
      font-size: 16px;
      background: transparent url("../images/snapcode_PBALille.png") no-repeat 50% 50%;
      background-size: cover;
      border-radius: 0;
      border: none; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-count #gb-facebook-count span {
      border-color: #FFF;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='100' height='100'%3E%3Cpath d='M74.986 17.86l-9.058.004c-7.102 0-8.477 3.375-8.477 8.328v10.92h16.94l-.004 17.107H57.45v43.89H39.785V54.22h-14.77V37.112h14.77V24.5c0-14.64 8.943-22.613 22.003-22.613l13.2.02V17.86z'/%3E%3C/svg%3E") no-repeat 50% 50%;
      background-size: 25px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.gb-count #gb-instagram-count span {
      border-color: #000;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='97.395' height='97.395'%3E%3Cpath d='M12.501 0h72.393c6.875 0 12.5 5.09 12.5 12.5v72.395c0 7.41-5.625 12.5-12.5 12.5H12.501C5.624 97.395 0 92.305 0 84.895V12.5C0 5.09 5.624 0 12.501 0zm58.447 10.821c-2.412 0-4.383 1.972-4.383 4.385v10.495c0 2.412 1.971 4.385 4.383 4.385h11.008c2.412 0 4.385-1.973 4.385-4.385V15.206c0-2.413-1.973-4.385-4.385-4.385H70.948zm15.439 30.367h-8.572c.811 2.648 1.25 5.453 1.25 8.355 0 16.2-13.556 29.332-30.275 29.332-16.718 0-30.272-13.132-30.272-29.332 0-2.904.438-5.708 1.25-8.355h-8.945v41.141c0 2.129 1.742 3.872 3.872 3.872h67.822c2.13 0 3.872-1.742 3.872-3.872V41.188h-.002zM48.789 29.533c-10.802 0-19.56 8.485-19.56 18.953s8.758 18.953 19.56 18.953c10.803 0 19.562-8.485 19.562-18.953s-8.758-18.953-19.562-18.953z'/%3E%3C/svg%3E") no-repeat 50% 50%;
      background-size: 29px; }
  .class_identifier_emotions .page--emotions-4k .grid {
    height: 100%;
    width: 100%;
    padding: 0; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-1,
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-2,
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-3,
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-5 {
    display: block;
    height: 355px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    position: relative; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-1 {
    width: 850px;
    margin: 0 10px 10px 0; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-2 {
    width: 420px; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-3 {
    margin-right: 10px; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-3,
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-5 {
    width: 635px; }
  .class_identifier_emotions .page--emotions-4k #grid-wrapper-4 {
    width: 205px;
    height: 100%;
    margin-right: 10px; }
  .class_identifier_emotions .page--emotions-4k .grid-block {
    margin: 0;
    height: 100%; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-1, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-15 {
      width: 420px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-8 {
      margin-bottom: 10px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-4, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-5, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-6, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-8, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-9 {
      height: 172.5px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-5, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-6, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-7, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-8, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-9, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-2, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-3, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-10, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-14 {
      width: 205px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-11 {
      width: 307px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-12, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-13 {
      width: 154px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-11, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-12, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-13 {
      height: 228px;
      margin-bottom: 10px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-14, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-15 {
      height: 117px; }
    .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-1, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-2, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-5, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-7, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-11, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-12, .class_identifier_emotions .page--emotions-4k .grid-block#grid-block-14 {
      margin-right: 10px; }
    .class_identifier_emotions .page--emotions-4k .grid-block.clone {
      position: absolute;
      opacity: 1;
      z-index: 1; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-1 {
        height: 355px;
        width: 420px;
        top: 0;
        left: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-2 {
        height: 355px;
        width: 205px;
        left: 430px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-3 {
        height: 355px;
        width: 205px;
        left: 645px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-4 {
        height: 172.5px;
        width: 420px;
        left: 0;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-5 {
        height: 172.5px;
        width: 205px;
        left: 0;
        top: 182.5px; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-6 {
        height: 172.5px;
        width: 205px;
        left: 215px;
        top: 182.5px; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-7 {
        height: 355px;
        width: 205px;
        left: 0;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-8 {
        height: 172.5px;
        width: 205px;
        left: 215px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-9 {
        height: 172.5px;
        width: 205px;
        left: 215px;
        top: 182.5px; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-10 {
        height: 355px;
        width: 205px;
        left: 430px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-11 {
        height: 228px;
        width: 307px;
        left: 0;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-12 {
        height: 228px;
        width: 154px;
        left: 317px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-13 {
        height: 228px;
        width: 154px;
        left: 481px;
        top: 0; }
      .class_identifier_emotions .page--emotions-4k .grid-block.clone#grid-block-14 {
        height: 117px;
        width: 205px;
        left: 0;
        top: 238px; }

.class_identifier_emotions.error-4k:after {
  content: '';
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  bottom: 0;
  right: 0;
  background-color: #000; }

.class_identifier_emotions .loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  transform: rotate(45deg) translateX(-155px);
  background-color: #000;
  border: 10px solid #FFF;
  z-index: 10000; }
  .class_identifier_emotions .loader .svg-refresh {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
    .class_identifier_emotions .loader .svg-refresh:before {
      content: '';
      width: 50px;
      height: 50px;
      display: inline-block;
      background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='381.3' height='478.7'%3E%3Cg%3E%3Cpath d='M239 48.2L198.9 3.7c-2.2-2.5-5.3-3.7-8.4-3.7-2.7 0-5.4.9-7.5 2.8-4.7 4.1-5.1 11.2-.9 15.8l28 31.1h-19.6C85.5 49.8 0 134.5 0 238.7c0 2.1 0 4.2.1 6.3.1 3.4.3 6.7.6 10 0 0 .4 2.4.5 2.4h22.5l-.9-11.6v-.5h.7-.7c-.1-2.2-.2-4.4-.2-6.6 0-91.8 75.3-166.5 167.9-166.5h19.6l-28 31.1c-4.2 4.6-3.8 11.7.9 15.8 4.7 4.1 11.8 3.7 16-.9l40-44.4c6.6-7.3 6.6-18.3 0-25.6zM380 259l.2-1.5h-22.7l-.2 2c-9.8 82.6-80.8 147-166.7 147H171l28-31.1c4.2-4.6 3.8-11.7-.9-15.8-4.7-4.1-11.8-3.7-16 .9L142 404.9c-6.6 7.3-6.6 18.3 0 25.5l40.1 44.5c2.2 2.5 5.3 3.7 8.4 3.7 2.7 0 5.4-.9 7.5-2.8 4.7-4.1 5.1-11.2.9-15.8l-28-31.1h19.6c98.2 0 179.2-74 189.4-168.7v-.1c.1-.4.1-.7.1-1.1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
      background-size: 30px;
      animation: spinSvgRefresh 2s infinite linear; }

.class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered {
  background-color: #1D1D1E; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered .container--wide {
    background-color: #1D1D1E; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered .title-icon .icon {
    color: #ffffff; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered .title-icon h2 {
    color: #ffffff; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered .title-icon .innerContent {
    color: #ffffff; }

@media screen and (max-width: 1279px) {
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--anchor-4 .scrollTo--picto[data-target-scroll="#scroll1"] {
    display: none; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--wide {
    min-height: 725px; }
    .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--wide.banner--wide-2 {
      min-height: 345px; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered {
    display: none; } }

@media screen and (max-width: 639px) {
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--anchor-4 .scrollTo--picto[data-target-scroll="#scroll1"] {
    display: none; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--wide {
    min-height: 455px; }
    .class_identifier_musee_master.class_group_content.class_identifier_page_wide .banner--wide.banner--wide-2 {
      min-height: 270px; }
  .class_identifier_musee_master.class_group_content.class_identifier_page_wide .section--wide-1.altered {
    display: none; } }

.succes_password {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  width: 350px;
  background-color: black;
  color: white;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 20px; }
  .succes_password .close {
    opacity: 1; }
    .succes_password .close:before, .succes_password .close:after {
      content: '';
      display: block;
      position: absolute;
      top: 15px;
      right: 0px;
      height: 3px;
      background-color: #fff;
      width: 15px;
      transition: all, 0.5s; }
    .succes_password .close:before {
      transform: translate(-50%, -50%) rotate(-45deg); }
    .succes_password .close:after {
      transform: translate(-50%, -50%) rotate(45deg); }
    .succes_password .close:hover {
      opacity: 0.5; }
  .succes_password strong {
    font-size: 14px;
    line-height: 30px; }

.videotheque {
  background-color: #fff;
  padding: 50px 0; }
  .videotheque__main-container {
    max-width: 1280px;
    margin: 0 auto; }
    .videotheque__main-container h2 {
      margin-bottom: 50px; }
  .videotheque__videos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto; }
  .videotheque__video {
    width: calc(100% / 3);
    text-align: center; }
    @media only screen and (max-width: 1199px) {
      .videotheque__video {
        width: calc(100% / 2); } }
    @media only screen and (max-width: 767px) {
      .videotheque__video {
        width: 100%; } }
    .videotheque__video h4 {
      width: 80%;
      margin: 20px auto;
      font-family: "bikobold";
      font-size: 16px;
      font-size: 1.6rem;
      text-transform: lowercase;
      letter-spacing: 0.031em; }
  .videotheque .pagination--light {
    margin: 45px auto; }

.connect_tuto p {
  font-weight: 600; }

.connect_tuto ul {
  margin: 20px 0 20px 30px; }
  .connect_tuto ul li {
    margin: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

.connect_tuto .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px;
  color: #fff;
  background-color: black;
  border-radius: 100%;
  margin-right: 10px; }
  .connect_tuto .icon-heart:before, .connect_tuto .icon-archive:before {
    margin-top: 2px;
    margin-left: 2px;
    background-image: none; }

.class_group_content.class_identifier_page_wide .gabarit_3 .section--wide-1 .container--wide {
  width: 1090px; }

.class_group_content.class_identifier_page_wide .gabarit_3 .rte-contain {
  width: 1010px;
  padding: 0 30px;
  /* a[target="_self"]:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      background-image: url(svg-bg-uri($svg-arrow, #000));
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: rotate(-90deg);
      margin-right: 5px;
    } */ }
  .class_group_content.class_identifier_page_wide .gabarit_3 .rte-contain h4 {
    font-family: "bikobold"; }

.class_group_content.class_identifier_page_wide .gabarit_3 .media.file .media-heading a {
  display: -ms-flexbox;
  display: flex; }

.class_group_content.class_identifier_page_wide .gabarit_3 .media.file .media-heading img {
  -ms-flex-order: -1;
      order: -1;
  margin-right: 5px; }

.class_group_content.class_identifier_page_wide .gabarit_3 .title-bloc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 20px; }
  .class_group_content.class_identifier_page_wide .gabarit_3 .title-bloc .h3-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 10px;
    padding: 10px;
    border: 3px solid #000;
    width: 50px;
    height: 50px; }
  .class_group_content.class_identifier_page_wide .gabarit_3 .title-bloc h3 {
    text-transform: uppercase;
    margin: 0; }

.class_group_content.class_identifier_page_wide .gabarit_3 .banner--wide-2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-height: 300px;
  padding-bottom: 0; }
  .class_group_content.class_identifier_page_wide .gabarit_3 .banner--wide-2 .container--wide-2 {
    top: 0; }
  .class_group_content.class_identifier_page_wide .gabarit_3 .banner--wide-2 h2 {
    display: inline-block;
    font-size: 3.5rem;
    padding: 20px 10px 15px;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0; }
    .class_group_content.class_identifier_page_wide .gabarit_3 .banner--wide-2 h2 .icon {
      font-size: 3.5rem; }

.class_group_content.class_identifier_page_wide .gabarit_3 .section--wide-2 .center-line {
  position: relative;
  top: -60px; }

.sommaire_g3 {
  display: none;
  width: 300px;
  color: #fff;
  background-color: #000;
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 999;
  padding: 30px 0; }
  .sommaire_g3 ul {
    position: relative;
    margin-left: 50px; }
    .sommaire_g3 ul:before {
      content: "";
      position: absolute;
      display: block;
      height: calc(100% - 56px);
      border-left: 1px solid #fff;
      top: 28px;
      left: 4px; }
    .sommaire_g3 ul li {
      font-family: "bikobold";
      font-size: 2rem;
      padding: 20px 0; }
      .sommaire_g3 ul li.active:before {
        width: 12px;
        height: 12px;
        background-color: #D83840;
        border: 3px solid #fff;
        left: -1px; }
      .sommaire_g3 ul li:before {
        content: '';
        position: relative;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 100%;
        margin-right: 25px; }

.table {
  background-color: #F7F7F7;
  padding: 30px; }
  .table p {
    margin-bottom: 0; }
  .table table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px; }
    .table table td {
      border: 1px solid #000;
      padding: 15px; }
      .table table td:nth-child(1) {
        width: 30%; }

.pdfs {
  padding: 30px;
  background-color: #D83840;
  color: #fff;
  margin: 30px 0; }
  .pdfs__collapse {
    position: relative;
    font-family: "bikobold";
    font-size: 2rem; }
    .pdfs__collapse.active .pdfs__collapse__icon {
      transform: rotate(180deg); }
    .pdfs__collapse__icon {
      cursor: pointer;
      position: absolute;
      display: block;
      width: 40px;
      height: 40px;
      border: 3px solid #fff;
      top: -10px;
      right: 0px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 256 256'%3E%3Cpolygon points='225.8 48.9 128 146.7 30.2 48.9 0 79.1 128 207.1 256 79.1 '/%3E%3C/svg%3E");
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: center; }
  .pdfs__contain {
    display: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 3px solid #fff;
    padding-top: 30px;
    margin-top: 30px; }
    .pdfs__contain.active {
      display: -ms-flexbox;
      display: flex; }
    .pdfs__contain .dll_pdf {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      color: black;
      background-color: #fff;
      padding: 10px;
      margin-top: 10px;
      margin-right: 10px; }
      .pdfs__contain .dll_pdf span {
        margin-right: 10px; }

.videos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
  margin-top: 30px; }
  .videos__contain {
    width: calc(100% / 2 - 40px);
    margin-bottom: 30px;
    padding-bottom: 12%; }
    .videos__contain iframe {
      width: 100%;
      height: calc(100% * 1.72); }
  .videos__more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    margin-bottom: 30px; }
    .videos__more__button {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      font-family: "bikobold";
      font-size: 2.5rem; }
      .videos__more__button.active .videos__more__button__icon {
        transform: rotate(180deg); }
      .videos__more__button__icon {
        cursor: pointer;
        display: block;
        width: 40px;
        height: 40px;
        border: 3px solid #000;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 256 256'%3E%3Cpolygon points='225.8 48.9 128 146.7 30.2 48.9 0 79.1 128 207.1 256 79.1 '/%3E%3C/svg%3E");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 20px; }

.math-captcha-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.math-captcha-block label {
  display: block;
  width: 100%;
  padding: 10px 1.7% 0 0;
  margin-bottom: 10px; }

.captcha-container {
  float: left;
  width: 70px; }

.captcha-input {
  float: left;
  margin-left: 10px;
  -ms-flex: 1;
      flex: 1; }

.wi-txt_img {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .wi-txt_img {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .wi-txt_img .visuel {
    min-width: 50%;
    margin-right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: start;
        align-items: start; }
    @media only screen and (max-width: 767px) {
      .wi-txt_img .visuel {
        margin: 0 0 40px; } }
    .wi-txt_img .visuel img {
      max-width: 100%; }
  .wi-txt_img .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%; }
    .wi-txt_img .content .wi-citation blockquote {
      min-width: 100%; }
  .wi-txt_img.right .visuel {
    -ms-flex-order: 1;
        order: 1;
    margin-right: 0;
    margin-left: 30px; }
    @media only screen and (max-width: 767px) {
      .wi-txt_img.right .visuel {
        margin: 0 0 40px;
        -ms-flex-order: 0;
            order: 0; } }

@supports (-ms-accelerator: true) {
  header .logo2 img {
    width: 54px;
    height: 71px; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .arianne.collections-liste-oeuvre .select-contain .icon {
    top: 15px; } }

/* IE 11 */
_:-ms-fullscreen .select-custom:after, :root .select-custom:after {
  display: none; }

/* IE >= 9 */
@media screen and (min-width: 0\0) {
  .Home-page .logo-pba-mobile-hp a {
    background-position: -239px 1px;
    background-size: 993.5px; }
  header .searchInput .buttonInput {
    top: 4px; }
  header .headerRWD .blocLogo .logo p:first-child {
    letter-spacing: 0.15em; }
  .infos .headband-pba .logo .logo-content {
    background-size: 200% auto;
    background-position: -197px 0; }
  .infos .container {
    background-position: -9px 40px; } }

@media screen and (min-width: 0\0) and (min-width: 640px) and (max-width: 1279px) {
  .applications .mobile-separator,
  .applications .mobile-separator-white {
    left: 50%;
    margin-left: -230px; } }

@media screen and (min-width: 0\0) and (max-width: 639px) {
  header .headerRWD .headerUp button {
    margin-top: -4px; }
  .Home-page .right .deco-tablette-bottom {
    background-position: -84px -17px !important;
    background-size: 165% auto; }
  .Home-page .deco-tablette-bottom {
    background-size: 167% auto; }
  .Home-page .logo-pba-mobile-hp a {
    background-position: -113px 1px;
    background-size: 479.5px; }
  .applications .mobile-separator,
  .applications .mobile-separator-white {
    left: 50%;
    margin-left: -115px; } }

/*
@media screen\0 {
	.Home-page .logo-pba-mobile-hp a {
		background-position:-239px 1px;
		background-size:993.5px;
	}
	header .searchInput .buttonInput{
		top:4px;
	}
	header .headerRWD .blocLogo .logo p:first-child{
		letter-spacing: 0.15em;
	}
	.infos .headband-pba .logo .logo-content{
		background-size:200% auto;
		background-position: -197px 0;
	}
	.infos .container{
		background-position:-9px 40px;
	}
	@media (min-width:640px) and (max-width:1279px){
		.applications .mobile-separator,
		.applications .mobile-separator-white{
			left:50%;
			margin-left:-230px;
		}
	}
	@media (max-width:639px) {
		.Home-page .right .deco-tablette-bottom{
			background-position:-84px -17px !important;
			background-size:165% auto;
		}
		.Home-page .deco-tablette-bottom{
			background-size:167% auto;	
		}
		.Home-page .logo-pba-mobile-hp a{
			background-position:-113px 1px;
			background-size:479.5px;
		}
		.applications .mobile-separator,
		.applications .mobile-separator-white{
			left:50%;
			margin-left:-115px;
		}
	}
}

@media all and (-ms-high-contrast:none){
	.Home-page .logo-pba-mobile-hp a {
		background-position:-239px 1px;
		background-size:993.5px;
	}
	header .searchInput .buttonInput{
		top:4px;
	}
	header .headerRWD .blocLogo .logo p:first-child{
		letter-spacing: 0.15em;
	}
	.infos .headband-pba .logo .logo-content{
		background-size:200% auto;
		background-position: -197px 0;
	}
	.infos .container{
		background-position:-9px 40px;
	}
	@media (min-width:640px) and (max-width:1279px){
		.applications .mobile-separator,
		.applications .mobile-separator-white{
			left:50%;
			margin-left:-230px;
		}
	}
	@media (max-width:639px) {
		.Home-page .right .deco-tablette-bottom{
			background-position:-84px -17px !important;
			background-size:165% auto;
		}
		.Home-page .deco-tablette-bottom{
			background-size:167% auto;	
		}
		.Home-page .logo-pba-mobile-hp a{
			background-position:-113px 1px;
			background-size:479.5px;
		}
		.applications .mobile-separator,
		.applications .mobile-separator-white{
			left:50%;
			margin-left:-115px;
		}
	}
}*/
@media (max-width: 1279px) {
  .mac .bandeauApp p span {
    height: 116px;
    line-height: 120.5px; }
  .mac .Home-page .expander-light .text-headband-light {
    height: 126px;
    line-height: 132.5px; } }

@media (max-width: 639px) {
  .mac .bandeauApp p span {
    height: 58px;
    line-height: 60.5px; }
  .mac .Home-page .expander-light .text-headband-light {
    height: 57px;
    line-height: 60.5px; } }

.no-js .sliderHome li {
  position: relative; }

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