/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top; }

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 8020; }

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fancybox-opened {
  z-index: 8030; }

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner {
  position: relative; }

.fancybox-inner {
  overflow: hidden; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(../bundles/lehubagenceblueline/libs/fancybox/fancybox_sprite.png); }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../bundles/lehubagenceblueline/libs/fancybox/fancybox_loading.gif) center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040; }

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 50%;
  margin-top: 20%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(../bundles/lehubagenceblueline/libs/fancybox/blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden; }

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important; }
/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto; }

.fancybox-lock body {
  overflow: hidden !important; }

.fancybox-lock-test {
  overflow-y: hidden !important; }

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../bundles/lehubagenceblueline/libs/fancybox/fancybox_overlay.png); }

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll; }
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050; }

.fancybox-opened .fancybox-title {
  visibility: visible; }

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center; }

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  padding-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../bundles/lehubagenceblueline/libs/fancybox/fancybox_sprite@2x.png);
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/ }

  #fancybox-loading div {
    background-image: url(../bundles/lehubagenceblueline/libs/fancybox/fancybox_loading@2x.gif);
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/ } }

/* ----------------------------- *
 *             RESET             *
 * ----------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
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-size: 100%;
  font: inherit;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

em {
  font-style: italic; }

.is-tablet {
  display: none; }
  @media all and (max-width: 1050px) {
  .is-tablet {
    display: inline-block; } }

@media all and (max-width: 1050px) {
    .is-desktop {
      display: none; } }
/* ----------------------------- *
 *             FONTS             *
 * ----------------------------- */
@font-face {
  font-family: 'Quicksand';
  src: url('../bundles/lehubagenceblueline/fonts/Quicksand/quicksand-bold.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Quicksand/quicksand-bold.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Quicksand/quicksand-bold.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Quicksand/quicksand-bold.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Quicksand/quicksand-bold.svg#quicksandbold') format('svg');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-regular.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-regular.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-regular.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-regular.svg#ralewayregular') format('svg');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-thin.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-thin.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-thin.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-thin.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-thin.svg#ralewaythin') format('svg');
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extralight.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extralight.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extralight.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extralight.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extralight.svg#ralewayextralight') format('svg');
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-medium.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-medium.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-medium.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-medium.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-medium.svg#ralewaymedium') format('svg');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-semibold.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-semibold.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-semibold.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-semibold.svg#ralewaysemibold') format('svg');
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-bold.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-bold.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-bold.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-bold.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-bold.svg#ralewaybold') format('svg');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Raleway';
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extrabold.eot');
  src: url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extrabold.eot?#iefix') format('embedded-opentype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extrabold.woff') format('woff'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extrabold.ttf') format('truetype'), url('../bundles/lehubagenceblueline/fonts/Raleway/raleway-extrabold.svg#ralewayextrabold') format('svg');
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Montserrat';
  src: url('../bundles/lehubagenceblueline/fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal; }
/* ----------------------------- *
 *             BASE              *
 * ----------------------------- */
body {
  position: relative;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

strong {
  font-weight: bold; }

.hidden {
  display: none; }

/* ----------------------------- *
 *           VARIABLES           *
 * ----------------------------- */
/* ----------------------------- *
 *             MIXINS            *
 * ----------------------------- */

/* ----------------------------- *
 *           VARIABLES           *
 * ----------------------------- */
/* ----------------------------- *
 *             MIXINS            *
 * ----------------------------- */
/* ----------------------------- *
 *             LAYOUT            *
 * ----------------------------- */
/* ------ STYLEGUIDE ------ */
.styleguide__title {
  padding: 10px 0 20px 0;
  font-size: 35px;
  color: slategrey; }
/* ------ TITLES / SUBTITLES ------ */
.section-title {
  padding-bottom: 30px;
  font-weight: 700;
  font-size: 31px;
  text-transform: uppercase;
  text-align: center; }

.document-title {
  padding-top: 0;
  font-size: 31px;
  font-weight: bold;
  text-transform: uppercase;
  color: #003cb0; }

.subtitle {
  display: inline-block;
  margin-top: 3px;
  padding: 6px 9px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  background-color: #003cb0; }

.subtitle_home {
  color: black;
  display: block;
  margin-top: 10px;
  padding: 6px 9px;
  font-weight: 500;
  font-size: 17px;
  line-height: 19px;
  word-wrap: break-word; }

@media screen and (max-width: 767px) {
  .section-title {
    font-size: 35px; }

  .document-title {
    font-size: 41px; }

  .subtitle {
    margin-top: 2px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 20px; } }
/* ------ TAG ------ */
.tags {
  font-size: 0; }

.tag {
  display: inline-block;
  margin-left: 1px;
  padding: 7px 7px 6px 7px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  background-color: #003cb0; }
  .tag:first-child {
    margin: 0; }

@media screen and (max-width: 767px) {
  .tag {
    padding: 5px 6px 4px 6px;
    font-size: 12px; } }
/* ------ BUTTONS ------ */
.btn {
  display: inline-block;
  margin-top: 30px;
  padding: 8px 12px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  background: none;
  cursor: pointer;
  color: #003cb0;
  border: solid #003cb0 1px;
  border-radius: 5px;
  text-decoration: none; }

@media screen and (max-width: 767px) {
  .btn {
    padding: 9px 13px;
    font-size: 10px;
    line-height: normal; } }
/* ------ TEXT ------ */
.text-summary {
  padding-top: 18px;
  line-height: 20px;
  font-size: 14px; }

.text-content {
  line-height: 22px; }

@media screen and (max-width: 767px) {
  .text-summary, .text-content {
    font-size: 13px;
    line-height: 18px; } }
/* ------ FORMS ------ */
.form {
  font-size: 0; }

.select-box {
  display: inline-block;
  padding: 0;
  width: 230px;
  overflow: hidden;
  text-align: left;
  background-color: rgba(32, 128, 187, 0.3);
  position: relative; }
  .select-box::after {
    content: '';
    display: inline-block;
    border-top: solid 7px #fff;
    border-right: solid 4px transparent;
    border-left: solid 4px transparent;
    pointer-events: none;
    position: absolute;
    top: 18px;
    right: 13px; }

.select {
  width: 110%;
  height: 40px;
  padding-left: 10px;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  font-size: 16px;
  color: #003798;
  font-weight: bold;
  box-shadow: none;
  background-color: white;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .select:focus {
    outline: none; }

.input {
  width: 357px;
  margin-bottom: 9px;
  padding: 15px 0 17px 0;
  border: none;
  font-weight: 200;
  font-size: 28px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 3px;
  text-align: center; }

.input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1; }

.input::-moz-placeholder {
  color: #fff;
  opacity: 1; }

.input:-ms-input-placeholder {
  color: #fff;
  opacity: 1; }

.input:-moz-placeholder {
  color: #fff;
  opacity: 1; }

.form-separator {
  width: 126px;
  height: 1px;
  margin-top: 19px;
  border: none;
  background-color: #fff; }

.form-btn {
  border-color: #fff;
  color: #fff; }

@media screen and (max-width: 767px) {
  .select {
    font-size: 12px; }

  .input {
    width: 180px;
    padding: 8px 0 10px 0;
    font-size: 15px; } }
/* ------ LIGHTBOXES ------ */
.lightbox {
  background-color: rgba(0, 60, 176, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 400;
  text-align: center; }

.lightbox__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.lightbox__close, .lightbox__close-planning {
  display: inline-block;
  width: 34px;
  height: 35px;
  background: url('../bundles/lehubagenceblueline/images/layout/close.png') no-repeat;
  position: absolute;
  top: 49px;
  right: 53px;
  z-index: 100; }

@media screen and (max-width: 767px) {
  .lightbox__close, .lightbox__close-planning {
    width: 17px;
    height: 17px;
    background-size: 17px;
    top: 25px;
    right: 25px; } }
/* ------ ITEMS ------ */
.items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  flex-wrap: wrap;
  font-size: 0; }

.item {
  flex: 0 0 auto;
  width: 33.33333%;
  margin-bottom: 27px;
  padding: 0 15px;
  box-sizing: border-box;
  font-size: 0;
  position: relative; }

.item__link {
  display: inline-block;
  width: 100%;
  text-decoration: none; }

.item__tags {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 100; }

.item__content {
  text-align: center; }

.item__title {
  padding-top: 20px;
  font-weight: 500;
  font-size: 34px;
  color: #003cb0;
  text-transform: uppercase; }

.item__figure {
  width: 100%;
  height: 295px;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }
  .item__figure:hover .item__img {
    -webkit-transform: scale(1.07) translate(-50%, -50%);
    -ms-transform: scale(1.07) translate(-50%, -50%);
    transform: scale(1.07) translate(-50%, -50%); }

.item__img {
  min-width: calc(100% + 2px);
  min-height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.6s;
  transform-origin: top left; }

.item__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100; }

.item__agenda-icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url('../bundles/lehubagenceblueline/images/item/agenda-icon.png') no-repeat;
  position: relative;
  top: 4px;
  left: 10px; }

@media screen and (max-width: 1023px) {
  .item {
    width: 50%; } }

@media screen and (max-width: 767px) {
  .item {
    width: 100%;
    padding: 0; }

  .item__title {
    padding-top: 16px;
    font-size: 23px; }

  .item__agenda-icon {
    width: 13px;
    height: 13px;
    background-size: 13px;
    left: 7px; }

  .item__figure {
    height: 150px; } }
/* ------ DOCUMENTS HEADER BACKGROUND ------ */
.page-header {
  max-width: calc(100% - 40px);
  margin: 0 auto 20px auto;
  text-align: center;
  position: relative;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-blend-mode: multiply; }
  .page-header--big {
    height: calc(100vh - 150px);
    max-height: 615px; }
  .page-header--small {
    height: 215px;
    line-height: 215px; }
    .page-header--small.doc {
      height: 148px;
      line-height: 215px;
      background-color: transparent;
      border-bottom: solid 2px #003798; }
  .page-header--mobile {
    display: none; }

@media screen and (max-width: 1390px) {
  .page-header {
    max-width: 100%;
    margin: 0 20px 20px 20px; } }

@media screen and (max-width: 767px) {
  .page-header {
    height: 298px;
    line-height: 298px;
    margin: 0 7px 7px 7px;
    background-attachment: inherit; } }
/* ----------------------------- *
 *             HEADER            *
 * ----------------------------- */
.header {
  width: 100%;
  background-color: white;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200; }
/* ------ TOP NAV ------ */
.top-nav {
  padding: 5px 20px;
  text-align: right; }

.top-nav__item {
  display: inline-block;
  margin-left: 20px;
  text-transform: uppercase; }
  .top-nav__item.login-btn {
    background-color: #003798;
    padding: 0 8px; }
    .top-nav__item.login-btn .top-nav__link {
      color: #fff; }

.top-nav__link {
  font-weight: 400;
  font-size: 12px;
  line-height: 30px;
  color: #000;
  text-decoration: none; }
  .top-nav__link:hover {
    text-decoration: underline; }
/* ------ HEADER OVER ------ */
.header-over {
  width: 100%;
  position: absolute;
  top: 38px; }

.header-over__logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translate(45px, 60px);
  display: inline-block;
  width: 187px;
  height: 67px;
  background: url('../bundles/lehubagenceblueline/images/layout/logo.png') no-repeat;
  text-indent: -9999px; }
  .header-over__logo.blue {
    background: url('../bundles/lehubagenceblueline/images/layout/logo-blue.svg') no-repeat;
    background-size: contain; }

.header-over.blue .header-over__logo {
  background: url('../bundles/lehubagenceblueline/images/layout/logo-blue.svg') no-repeat; }

.menu-btn {
  display: inline-block;
  width: 53px;
  padding-top: 11px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 54px;
  right: 40px; }
  .menu-btn::before {
    content: '';
    display: inline-block;
    width: 53px;
    height: 23px;
    background: url('../bundles/lehubagenceblueline/images/layout/menu-icon.png') no-repeat;
    position: absolute;
    top: -23px;
    left: 0; }

.header-over.blue .menu-btn {
  color: #003798; }
  .header-over.blue .menu-btn::before {
    background: url('../bundles/lehubagenceblueline/images/layout/menu-icon-blue.svg') no-repeat; }
/* ------ MENU ------ */
.menu {
  display: none;
  padding: 20px 0; }

.menu__logo {
  margin-bottom: 65px; }

.menu__item {
  margin-bottom: 47px;
  padding-bottom: 33px;
  position: relative; }
  .menu__item::after {
    content: '';
    display: inline-block;
    width: 96px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.menu__link {
  font-weight: 800;
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none; }

.menu__footer {
  font-size: 0; }

.menu__btn {
  margin: 0 4px;
  border-color: #fff;
  color: #fff;
  vertical-align: middle; }

.menu__facebook {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-left: 12px;
  vertical-align: middle;
  background: url('../bundles/lehubagenceblueline/images/layout/menu-facebook.png') no-repeat; }

@media screen and (max-width: 1392px) {
  .header {
    max-width: calc(100% - 40px); } }

@media screen (min-width: 768px) and (max-height: 880px) {
  .menu__logo {
    margin-bottom: 45px; }

  .menu__item {
    margin-bottom: 37px;
    padding-bottom: 23px; } }

@media screen and (min-width: 768px) and (max-height: 750px) {
  .menu__logo {
    width: 129px;
    margin-bottom: 30px; }

  .menu__item {
    margin-bottom: 30px;
    padding-bottom: 17px; }

  .menu__link {
    font-size: 35px; }

  .menu__facebook {
    width: 25px;
    height: 25px;
    background-size: 25px; } }

@media screen and (max-width: 767px) {
  .top-nav {
    height: 7px;
    padding: 0; }

  .top-nav__list {
    display: none; }

  .header {
    max-width: calc(100vw - 14px); }

  .header-over {
    top: 7px; }

  .header-over__logo {
    width: 129px;
    height: 66px;
    background-size: contain;
    transform: translate(14px, 14px); }

  .menu-btn {
    width: 37px;
    padding-top: 9px;
    font-size: 10px;
    top: 30px;
    right: 14px; }
    .menu-btn::before {
      width: 37px;
      height: 33px;
      background-size: contain;
      top: -16px; }

  .menu__logo {
    width: 129px;
    margin-bottom: 30px; }

  .menu__item {
    margin-bottom: 30px;
    padding-bottom: 17px; }

  .menu__link {
    font-size: 35px; }

  .menu__facebook {
    width: 25px;
    height: 25px;
    background-size: 25px; } }
/* ----------------------------- *
 *             LINKING           *
 * ----------------------------- */
.linking {
  padding: 31px 41px 39px;
  background-color: #000;
  color: #fff; }
  @media screen and (max-width: 767px) {
  .linking {
    padding: 23px 10px 32px; } }

.linking h2 {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 13px; }
  @media screen and (max-width: 767px) {
  .linking h2 {
    font-size: 16px; } }

.linking__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
  .linking__content {
    flex-direction: column;
    align-items: center; } }

.linking__list {
  width: 48%; }
  @media screen and (max-width: 767px) {
  .linking__list {
    width: 100%;
    text-align: center;
    margin-bottom: 14px; }
    .linking__list:last-of-type {
      margin-bottom: 0; } }

.linking__item {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 5px;
  font-weight: 600; }
  @media screen and (max-width: 767px) {
  .linking__item {
    font-size: 12px; } }

.linking__link {
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none; }
  .linking__link:hover {
    text-decoration: underline; }
  .linking__link.main {
    color: #888; }

.dot {
  display: inline-block;
  margin: 0 2px; }
/* ----------------------------- *
 *             FOOTER            *
 * ----------------------------- */
.footer {
  display: flex;
  align-items: center;
  padding: 0 42px 32px;
  background-color: #000;
  color: #fff; }

.footer__logo {
  width: 181px; }

.footer__text {
  display: block;
  margin-left: auto;
  display: flex; }

.footer-nav__list {
  font-size: 0; }

.footer-nav__item {
  position: relative;
  display: inline-block;
  margin-right: 13px; }
  .footer-nav__item:before {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(6px, -50%); }

.footer-nav__link {
  font-size: 14px;
  color: #fff;
  text-decoration: none; }

.footer-contact {
  font-size: 16px; }

.footer-contact__link {
  color: #fff;
  position: relative;
  margin-left: 2px; }
  .footer-contact__link:before {
    content: '';
    width: 1px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-6px, -50%); }

@media screen and (max-width: 767px) {
  .footer {
    padding: 0 10px 56px; }

  .footer__logo {
    width: 101px; }

  .footer__text {
    flex-direction: column;
    text-align: right; }

  .footer-nav {
    margin-bottom: 4px;
    padding-bottom: 0; }

  .footer-nav__item {
    padding-right: 0; }
    .footer-nav__item:last-of-type {
      margin-right: 0; }
    .footer-nav__item:last-of-type:before {
      display: none; }

  .footer-nav__link, .footer-contact {
    font-size: 12px; }

  .footer-contact__link {
    display: block;
    margin-top: 4px; }
    .footer-contact__link:before {
      display: none; } }

/* ----------------------------- *
 *           VARIABLES           *
 * ----------------------------- */
/* ----------------------------- *
 *             MIXINS            *
 * ----------------------------- */
.agenda-planning {
  filter: blur(4px);
  overflow: hidden;
  padding: 45px 20px;
  text-align: center;
  position: relative; }

.agenda {
  overflow: hidden;
  padding: 45px 20px;
  text-align: center;
  position: relative; }
  .agenda .page-planning {
    padding-top: 45px; }

.agenda__content {
  max-width: 1350px;
  margin: 0 auto;
  position: relative;
  z-index: 100; }
  .agenda__content__top {
    position: relative;
    margin-bottom: 30px; }
    .agenda__content__top .agenda__title {
      padding-bottom: 0; }
    .agenda__content__top a {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #fff;
      text-decoration: underline; }
  .agenda__content.additional-fields .agenda-table tr:first-child {
    background-color: transparent;
    margin-bottom: 12px;
    height: auto;
    line-height: initial; }
    .agenda__content.additional-fields .agenda-table tr:first-child td {
      font-size: 14px;
      line-height: 18px;
      padding: 0 10px;
      color: #fff;
      font-weight: 600; }
    @media all and (max-width: 1050px) {
    .agenda__content.additional-fields .agenda-table tr:first-child {
      display: none; } }
    .agenda__content.additional-fields .agenda-table__link {
      font-weight: 600;
      display: flex;
      align-items: center; }
    .agenda__content.additional-fields .agenda-table__cell--main {
      width: auto; }
    .agenda__content.additional-fields .agenda-table__cell--status {
      text-align: center; }
    .agenda__content.additional-fields .agenda-table__cell--status .agenda-table__link {
      margin: 8px 0;
      background-color: #fff;
      color: black;
      font-size: 10px;
      font-weight: 700;
      height: 31px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      width: 150px; }
      @media all and (max-width: 1050px) {
    .agenda__content.additional-fields .agenda-table__cell--status .agenda-table__link {
      width: 170px; } }
    .agenda__content.additional-fields .agenda-table__cell--date {
      width: 74px; }
    @media all and (max-width: 1050px) {
    .agenda__content.additional-fields .agenda-table__cell--date {
      width: auto; } }
    .agenda__content.additional-fields .agenda-table__content-truncated {
      width: auto;
      position: relative;
      left: auto;
      top: auto;
      line-height: 19px; }
    .agenda__content.additional-fields .agenda-table__content-truncated span {
      line-height: inherit; }
    @media all and (max-width: 1050px) {
  .agenda__content.additional-fields .agenda-table__row {
    display: flex;
    flex-direction: column;
    height: auto;
    line-height: initial; }
    .agenda__content.additional-fields .agenda-table__row .agenda-table__cell {
      line-height: 30px; }
    .agenda__content.additional-fields .agenda-table__row .agenda-table__link {
      line-height: 30px; } }

.agenda__background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .agenda__background__filter {
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 33, 92, 0.8);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
  .agenda__background__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    z-index: 20;
    mix-blend-mode: soft-light; }
  .agenda__background.artist-schedule .agenda__background__filter {
    background-color: rgba(0, 0, 0, 0.8); }

.agenda__title {
  color: #fff; }

.agenda__filters {
  margin-bottom: 40px;
  font-size: 0; }

.agenda__select-box {
  margin: 0 7px; }

.agenda-table {
  width: 100%; }

.agenda-table__row {
  height: 45px;
  line-height: 45px;
  background-color: #003798; }
  .agenda-table__row:nth-child(even) {
    background-color: #0c42b2; }

.agenda-table__cell {
  text-align: left;
  font-size: 16px; }
  .agenda-table__cell--date {
    width: 295px;
    position: relative;
    font-weight: bold; }
  .agenda-table__cell--main {
    width: 30%;
    position: relative; }
    .agenda-table__cell--main .agenda-table__link {
      width: calc(100% - 32px);
      vertical-align: top; }
  .agenda-table__cell--city {
    position: relative; }
  .agenda-table__cell--links {
    width: 102px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
  .agenda-table__cell--links {
    width: 43px; } }
  .agenda-table__cell--title:hover {
    border-bottom: 2px #fff solid; }
  .agenda-table__cell--mobile {
    display: none; }
  .agenda-table__cell--dateWithoutTite {
    width: 450px !important; }

.agenda-table__link {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none; }

.agenda-table__content-truncated {
  width: calc(100% - 32px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  left: 16px;
  top: 0;
  font-weight: bold; }
  .agenda-table__content-truncated span {
    font-weight: 400; }
  @media screen and (max-width: 767px) {
  .agenda-table__content-truncated {
    top: 50%;
    transform: translateY(-50%); } }

.agenda-table__sold-out {
  padding: 5px 5px 4px 5px;
  font-weight: 500;
  font-size: 12px;
  color: #003cb0;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 8px; }

.agenda-table__booking {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: #fff url('../bundles/lehubagenceblueline/images/agenda/agenda-booking-icon.svg') no-repeat;
  background-position: center center;
  border-radius: 4px;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
  .agenda-table__booking {
    width: 23px;
    height: 23px; } }

.agenda__btn {
  margin-top: 38px;
  color: #fff;
  border-color: #fff; }

@media screen and (max-width: 1023px) {
  .agenda__select-box {
    width: 100%;
    margin: 0 0 7px 0; }
    .agenda__select-box:last-child {
      margin: 0; }

  .agenda-table__cell--desktop {
    display: none; }
    .agenda-table__cell--mobile {
      display: table-cell;
      vertical-align: middle; }
    .agenda-table__cell--date {
      width: 100px; }
    .agenda-table__cell--dateWithoutTite {
      width: 300px !important; } }

@media screen and (max-width: 767px) {
  .agenda {
    padding: 40px 7px 28px 7px; }

  .agenda-table__row {
    height: 32px;
    line-height: unset; }

  .agenda-table__cell {
    font-size: 14px; }
    .agenda-table__cell--links {
      vertical-align: middle; }
    .agenda-table__cell--dateWithoutTite {
      width: 100px !important; }

  .agenda-table__link {
    padding: 0 7px; }

  .agenda-table__desktop {
    display: none; }

  .agenda__btn {
    margin-top: 19px; } }

.error-message {
  margin-top: 2rem;
  color: white;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px; }

/* ----------------------------- *
 *           VARIABLES           *
 * ----------------------------- */
/* ----------------------------- *
 *             MIXINS            *
 * ----------------------------- */
.appendix {
  padding: 52px 20px 60px 20px; }

.appendix__title {
  color: #003cb0; }

.appendix__content {
  max-width: 1350px;
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  .appendix {
    padding: 44px 7px 17px 7px; } }

/* ----------------------------- *
 *           VARIABLES           *
 * ----------------------------- */
/* ----------------------------- *
 *             MIXINS            *
 * ----------------------------- */
/* ----------------------------- *
 *             HOME              *
 * ----------------------------- */
/* ------ HOME HEADER ------ */
.home-header {
  max-width: calc(100% - 40px);
  height: calc(100vh - 200px);
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.home-header__subsection {
  width: 64%;
  height: 100%;
  position: absolute;
  overflow: hidden; }
  .home-header__subsection--left {
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="home-svg-left" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0,0 .64,0 1,1 0,1" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#home-svg-left');
    clip-path: polygon(0% 0%, 64% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 0%, 64% 0%, 100% 100%, 0% 100%); }
  .home-header__subsection--right {
    right: 0;
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="home-svg-right" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0,0 .36,1 1,1 1,0" /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#home-svg-right');
    clip-path: polygon(0% 0%, 36% 100%, 100% 100%, 100% 0%);
    -webkit-clip-path: polygon(0% 0%, 36% 100%, 100% 100%, 100% 0%); }
    .home-header__subsection--right .home-header__background {
      background-position: right center; }
    .home-header__subsection--right .home-header__title {
      right: 0; }
  .home-header__subsection:hover .home-header__background {
    background-color: rgba(0, 0, 0, 0.4); }

.home-header__background {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
  position: absolute;
  transition: background-color 0.6s; }

.home-header__title {
  width: 78%;
  margin: 0;
  font-weight: 700;
  font-size: 31px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .home-header__title:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 10px);
    width: 34px;
    height: 34px;
    border: solid 1px #fff;
    border-radius: 50%;
    background: url(../bundles/lehubagenceblueline/images/item/icon-cross.svg);
    background-size: 13px;
    background-position: center center;
    background-repeat: no-repeat; }
/* ------ HOME NEWS ------ */
.home-news {
  max-width: calc(1350px + 8px);
  margin: 0 auto;
  padding: 43px 16px 40px 16px;
  text-align: center; }

.home-news__title {
  color: #003cb0; }
/* ------ HOME SOCIALWALL ------ */
.socialList {
  margin: 42px auto 0 auto;
  text-align: center; }
  .socialList--title {
    color: #0b53b4; }
    .socialList--title.section-title {
      padding-bottom: 22px; }
  .socialList--list {
    display: flex;
    justify-content: center;
    margin: 52px auto 0 auto; }
    .socialList--list__network {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #000;
      margin: 0 12px; }
      .socialList--list__network a {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%; }

.socialWall {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 68px;
  margin: 0 auto;
  max-width: 1280px !important; }
  .socialWall--item {
    width: 293px;
    margin-bottom: 12px; }
    .socialWall--item a {
      color: #000;
      position: relative;
      display: block;
      text-decoration: none; }
    .socialWall--item__time {
      text-transform: uppercase;
      color: #b1b1b1;
      font-size: 10px;
      margin-bottom: 4px;
      display: inline-block; }
    .socialWall--item__image {
      width: 100%;
      height: 293px;
      margin-bottom: 10px; }
      .socialWall--item__image img {
        height: 100%;
        width: 100%;
        object-fit: cover; }
      .socialWall--item__image video {
        width: 100%;
        height: auto; }
    .socialWall--item .icon-camera {
      z-index: 1;
      margin-top: 0;
      height: 14px;
      width: 20px;
      text-indent: -9999px;
      display: block;
      position: absolute;
      top: 9px;
      right: 6px;
      background: url(../bundles/lehubagenceblueline/images/item/icon-camera.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .socialWall--item .icon-social {
      z-index: 1;
      margin-top: 0;
      height: 24px;
      width: 24px;
      text-indent: -9999px;
      display: block;
      position: absolute;
      top: 9px;
      left: 6px; }
      .socialWall--item .icon-social.facebook {
        background: url(../bundles/lehubagenceblueline/images/item/icon-fb.svg);
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat; }
      .socialWall--item .icon-social.twitter {
        background: url(../bundles/lehubagenceblueline/images/item/icon-twitter.svg);
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat; }
      .socialWall--item .icon-social.instagram {
        background: url(../bundles/lehubagenceblueline/images/item/icon-insta.svg);
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat; }
    .socialWall--item__content p {
      font-size: 14px;
      line-height: 18px;
      text-decoration: none;
      word-break: break-word; }
      .socialWall--item__content p span {
        color: #0b53b4; }
  @media (max-width: 1200px) {
  .socialWall {
    width: 767px;
    margin: 0 auto 80px auto;
    justify-content: space-around; }
    .socialWall--item {
      margin-bottom: 45px; } }
  @media (max-width: 767px) {
  .socialWall {
    width: 390px;
    margin: 0 auto 80px auto;
    justify-content: space-around; }
    .socialWall--item {
      margin-bottom: 45px; } }
/* ------ HOME SOCIAL ------ */
.home-social {
  padding: 30px 0 40px 0;
  text-align: center; }

.home-social__img {
  width: 47px;
  padding-bottom: 16px; }

.home-social__text {
  max-width: 667px;
  margin: 0 auto;
  line-height: 1.2em;
  font-size: 34px;
  color: #003cb0; }
  .home-social__text a {
    color: #003cb0; }

@media screen and (max-width: 1390px) {
  .home-header {
    margin: 0 20px; } }

@media screen and (max-width: 767px) {
  .home-header {
    max-width: 100%;
    height: calc(100vh - 50px);
    margin: 0 7px;
    font-size: 0; }

  .home-header__subsection {
    display: inline-block;
    width: 100%;
    height: 50%;
    clip-path: none;
    position: relative;
    -webkit-clip-path: none;
    clip-path: none; }

  .home-header__title {
    width: 100%;
    font-size: 35px; }

  .home-news {
    padding: 20px 7px 27px 7px; }

  .home-news__btn {
    margin-top: 0; }

  .home-social {
    padding: 28px 0; }

  .home-social__img {
    width: 33px;
    padding-bottom: 15px; }

  .home-social__text {
    padding: 0 7px;
    font-size: 24px; } }
/* ----------------------------- *
 *             SINGLE            *
 * ----------------------------- */
.single {
  max-width: 1350px;
  margin: 0 auto; }

.single-background {
  margin-bottom: 0;
  background-color: rgba(2, 77, 180, 0.5);
  max-height: none; }

.single-header {
  max-width: 1156px;
  margin: 0 auto;
  padding-left: 10px;
  box-sizing: border-box;
  position: relative; }

.single-container {
  max-width: 1156px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }

.single-header__tags {
  position: absolute;
  top: -26px; }

.single__title {
  padding-top: 8px; }
/* ------ SINGLE LEFT CONTENT ------ */
.single-content {
  padding-bottom: 100px;
  box-sizing: border-box;
  flex: 1; }

.single-content__summary {
  padding: 18px 10px 10px 10px; }

.single-medias {
  padding: 0 0 12px 0;
  font-size: 0; }

.single-medias__item {
  display: inline-block;
  width: 50%;
  padding: 18px 10px;
  box-sizing: border-box;
  position: relative; }
  .single-medias__item--full {
    width: 100%; }

.single-medias__link {
  display: inline-block;
  width: 100%;
  height: 243px;
  position: relative;
  overflow: hidden; }

.single-medias__img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.single__body {
  padding: 0 10px 30px 10px; }

.single__dropdown {
  padding: 0 10px;
  color: #003cb0; }
  .single__dropdown--close .single__dropdown-text {
    display: none; }
  .single__dropdown--open .single__dropdown-title::before {
    background-position: 0 -21px; }

.single__dropdown-title {
  padding-bottom: 14px;
  font-size: 30px;
  text-transform: uppercase;
  cursor: pointer; }
  .single__dropdown-title::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    padding-right: 8px;
    background: url('../bundles/lehubagenceblueline/images/single/content-dropdown-icons.png') no-repeat; }

.single__dropdown-text {
  padding: 0 0 27px 30px;
  line-height: 22px; }
/* ------ SINGLE RIGHT ASIDE ------ */
.single-aside {
  width: 388px;
  padding: 10px 10px 0 10px;
  box-sizing: border-box; }

.aside__deezer {
  padding: 11px 0 20px 0; }

.aside__social-item {
  margin-left: 1px;
  padding: 8px 0; }

.aside__social-link {
  text-transform: uppercase;
  color: #003cb0;
  text-decoration: none; }
  .aside__social-link::before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    padding-right: 10px;
    vertical-align: middle;
    background: url('../bundles/lehubagenceblueline/images/single/aside-social-icons.png') no-repeat;
    background-size: 44px;
    background-position: 0 -352px;
    position: relative;
    bottom: 1px; }
  .aside__social-link--deezer::before {
    background-position: 0 0; }
  .aside__social-link--spotify::before {
    background-position: 0 -44px; }
  .aside__social-link--youtube::before {
    background-position: 0 -88px; }
  .aside__social-link--facebook::before {
    background-position: 0 -132px; }
  .aside__social-link--instagram::before {
    background-position: 0 -176px; }
  .aside__social-link--soundcloud::before {
    background-position: 0 -220px; }
  .aside__social-link--vimeo::before {
    background-position: 0 -264px; }
  .aside__social-link--twitter::before {
    background-position: 0 -308px; }

.aside__hr {
  height: 1px;
  margin: 22px 0 23px 0;
  background-color: #003cb0;
  border: none; }

.aside__resources-item {
  margin-left: 1px;
  padding: 7px 0; }

.aside__resources-link {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none; }
  .aside__resources-link::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-right: 8px;
    vertical-align: middle;
    background: url('../bundles/lehubagenceblueline/images/item/icon-lock.svg') no-repeat;
    background-size: contain; }
  .aside__resources-link--download::before {
    background-position: 0 -35px; }
  .aside__resources-link.newsletter::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    padding-right: 8px;
    vertical-align: middle;
    background: url('../bundles/lehubagenceblueline/images/item/icon-news.svg') no-repeat;
    background-size: contain; }
/* ------ RESPONSIVE ------ */
@media screen and (max-width: 1176px) {
  .single {
    padding: 0 10px; }

  .single-header {
    padding: 0 10px; } }

@media screen and (max-width: 1023px) {
  .single-content {
    flex-basis: 100%;
    position: relative;
    padding-bottom: 40px; }
    .single-content::after {
      content: '';
      display: inline-block;
      width: calc(100% - 20px);
      height: 3px;
      background-color: #003cb0;
      position: absolute;
      bottom: 0;
      left: 10px; }

  .single-aside {
    width: auto;
    padding: 60px 10px 30px 10px;
    flex-basis: 100%; }

  .single-document-aside {
    padding: 20px 7px 23px 7px;
    position: relative; }
    .single-document-aside::after {
      content: '';
      display: inline-block;
      width: calc(100% - 20px);
      height: 3px;
      background-color: #003cb0;
      position: absolute;
      bottom: 0;
      left: 10px; }

  .aside__deezer {
    padding-top: 0; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .aside__social-link::before {
    background-image: url('../bundles/lehubagenceblueline/images/single/aside-social-icons@2x.png'); } }

@media screen and (max-width: 767px) {
  .single {
    padding: 0; }

  .single-header {
    padding: 0 7px; }

  .single-header__tags {
    top: -18px; }

  .single-content {
    padding-bottom: 8px; }
    .single-content::after {
      height: 2px; }

  .single__body {
    padding: 0 7px 20px 7px; }

  .single-content__summary {
    padding: 14px 7px 10px 7px; }

  .single-medias__item {
    width: 100%;
    padding: 15px 7px; }

  .single-medias__link {
    height: 210px; }

  .single__dropdown {
    padding: 0 7px; }
    .single__dropdown--open .single__dropdown-title::before {
      background-position: 0 -14px; }

  .single__dropdown-title {
    padding-bottom: 20px;
    font-size: 20px; }
    .single__dropdown-title::before {
      width: 14px;
      height: 14px;
      background-size: 14px;
      background-position: 0 -14px; }

  .single__dropdown-text {
    padding: 0 0 20px 23px;
    font-size: 12px;
    line-height: 18px; }

  .single-aside {
    padding: 35px 7px 23px 7px; }

  .aside__deezer {
    padding-bottom: 16px;
    overflow: hidden; }

  .aside__social-item {
    padding: 7px 0; }

  .aside__social-link {
    font-size: 13px; }
    .aside__social-link::before {
      width: 36px;
      height: 36px;
      background-size: 36px;
      background-position: 0 -288px; }
    .aside__social-link--deezer::before {
      background-position: 0 0; }
    .aside__social-link--spotify::before {
      background-position: 0 -36px; }
    .aside__social-link--youtube::before {
      background-position: 0 -72px; }
    .aside__social-link--facebook::before {
      background-position: 0 -108px; }
    .aside__social-link--instagram::before {
      background-position: 0 -144px; }
    .aside__social-link--soundcloud::before {
      background-position: 0 -180px; }
    .aside__social-link--vimeo::before {
      background-position: 0 -216px; }
    .aside__social-link--twitter::before {
      background-position: 0 -252px; }

  .aside__resources-link {
    font-size: 10px; }
    .aside__resources-link::before {
      width: 28px;
      height: 28px;
      background-size: 28px; }
    .aside__resources-link--download::before {
      background-position: 0 -28px; } }
/* ----------------------------- *
 *              LIST             *
 * ----------------------------- */
.list__title {
  display: inline-block;
  font-weight: 800;
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  line-height: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.list__items, .items {
  max-width: calc(1350px + 8px);
  margin: 0 auto; }
  .list__items .item, .items .item {
    margin-bottom: 55px; }
    @media screen and (max-width: 767px) {
  .list__items .item, .items .item {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px solid #4d5082; }
    .list__items .item__link, .items .item__link {
      padding-top: 28px; }
    .list__items .item__figure, .items .item__figure {
      display: none; }
    .list__items .item__title, .items .item__title {
      padding-top: 0; }
    .list__items .item .subtitle, .items .item .subtitle {
      margin-top: 7px; } }

@media screen and (max-width: 1390px) {
  .list__header {
    margin-right: 20px;
    margin-left: 20px; }

  .list__items {
    padding: 0 16px; } }

@media screen and (max-width: 767px) {
  .list__header {
    margin: 7px 7px 20px 7px; }

  .list__items {
    padding: 0 7px; } }
/* ----------------------------- *
 *             AGENDA            *
 * ----------------------------- */
.agenda-header__container {
  max-width: 100%;
  margin: 0 auto;
  position: relative; }

.agenda-header {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }

.page-agenda {
  padding-top: 0;
  background: none; }

.page-agenda__content {
  background-color: #003cb0; }

.page-agenda__title {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.agenda-header__filters {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

@media screen and (max-width: 1390px) {
  .agenda-header__container {
    padding: 0 20px; } }

@media screen and (max-width: 1023px) {
  .page-agenda {
    padding-top: 20px; }

  .agenda-header__filters {
    margin: 0;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }
    .agenda-header__filters .agenda__select-box {
      background-color: #0b53b4; } }

@media screen and (max-width: 767px) {
  .page-agenda {
    padding-top: 7px; }

  .agenda-header__container {
    padding: 0 7px; }

  .agenda-header {
    height: 283px; } }
/* ----------------------------- *
 *           SUBSECTION          *
 * ----------------------------- */
.subsection {
  max-width: 1156px;
  margin: 0 auto;
  padding: 0 20px 70px 20px; }

.subsection__list {
  margin-top: 30px; }

.subsection__item {
  height: 205px;
  margin: 10px 0;
  position: relative;
  overflow: hidden; }

.subsection-item__background {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.subsection__title {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media screen and (max-width: 767px) {
  .subsection {
    padding: 0 7px 30px 7px; } }
/* ----------------------------- *
 *            SITEMAP            *
 * ----------------------------- */
.sitemap__title {
  color: #fff; }

.sitemap__section-title {
  padding: 20px 0 20px 0;
  font-size: 50px;
  text-align: center; }
  .sitemap__section-title:first-child {
    padding-top: 0; }

.sitemap__section-link {
  color: #003cb0;
  text-decoration: none; }

.sitemap__subsection-title {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  line-height: 1.3em; }

.sitemap__subsection-link {
  color: #000;
  text-decoration: none; }
/* ----------------------------- *
 *           ESPACE PRO          *
 * ----------------------------- */
.espace-pro__text {
  max-width: 443px;
  margin: 0 auto;
  padding: 0 25px 25px 25px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #fff; }

@media screen and (max-width: 767px) {
  .espace-pro__text {
    font-size: 13px; } }
/* ----------------------------- *
 *             SEARCH            *
 * ----------------------------- */
/* ------ SEARCH LIGHTBOX ------ */
.search__input {
  width: 508px;
  max-width: 100%;
  font-size: 40px;
  text-transform: uppercase; }

@media screen and (max-width: 767px) {
  .search__input {
    width: 250px;
    font-size: 20px; } }
/* ------ SEARCH RESULTS ------ */
.search-results__background {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  line-height: normal;
  text-align: center;
  position: relative;
  justify-content: center;
  flex-wrap: wrap; }

.search-results__title {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.search-results__query {
  max-width: calc(100% - 40px);
  min-width: 508px;
  margin-bottom: 30px;
  padding: 30px;
  box-sizing: border-box;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  font-weight: 200;
  font-size: 40px;
  text-transform: uppercase;
  align-self: flex-end; }

.search-results__query-small {
  font-weight: 400;
  font-size: 20px; }

.search-results {
  padding: 0 16px; }

.search-results__items {
  max-width: calc(1350px + 8px);
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  .search-results {
    padding: 20px 7px 0 7px; } }

@media screen and (max-width: 767px) {
  .search-results__background {
    height: 298px; }

  .search-results__query {
    max-width: 100%;
    padding: 10px;
    font-size: 30px; }

  .search-results__query-small {
    font-size: 14px; } }
/* ----------------------------- *
 *            LOADING            *
 * ----------------------------- */
.loading {
  width: 134px;
  margin: 0 auto 40px auto;
  text-align: center; }

.loading__text {
  font-size: 16px;
  color: #003cb0;
  text-transform: uppercase; }

.loading__bar-container {
  height: 7px;
  margin-top: 4px;
  position: relative; }

.loading__bar {
  width: 100%;
  height: 100%;
  background-color: #003cb0;
  border-radius: 5px;
  position: absolute; }

.loading__bar--back {
  opacity: 0.2; }

.loading__bar--front {
  width: 0;
  -webkit-animation: expand 1.7s infinite;
  animation: expand 1.7s infinite; }
/* 404 */
.notFound {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 140px; }

@-webkit-keyframes expand {
  from {
    width: 0; }

  to {
    width: 100%; } }

@keyframes expand {
  from {
    width: 0; }

  to {
    width: 100%; } }

.bullet-status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 4px; }

/* ----------------------------- *
 *             LAYOUT            *
 * ----------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .select:focus {
    color: #000; }

  .page-header::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(2, 77, 180, 0.4); }
    .page-header .section-title {
      position: relative;
      z-index: 100; }
    .page-header .list__title {
      z-index: 100; }
    .page-header .search-results__title {
      position: absolute; }
    .page-header .search-results__query {
      z-index: 100; }

  .home-header__background::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(2, 77, 180, 0.4);
    transition: background-color 0.6s; }

  .home-header__subsection:hover .home-header__background::after {
    background-color: rgba(2, 77, 180, 0.2); } }
/* ----------------------------- *
 *              HOME             *
 * ----------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .home-header__subsection {
    width: 50%; }

  .home-header__title {
    width: 100%; } }