.pernod-gcd-type-311 .menu-filtre-anchor-choose select {
  color: #ff5b09 !important;
  border-color: #ff5b09 !important;
}
.pernod-gcd-type-311 .menu-filtre-anchor-choose:after {
  color: #ff5b09 !important;
}
.pernod-gcd-type-311 div[class^='block--views-dernieres-actualites-block'],
.pernod-gcd-type-311 div[class*='block--views-dernieres-actualites-block'] {
  margin-top: 70px;
}
@media (max-width: 720px) {
  .pernod-gcd-type-311 div[class^='block--views-dernieres-actualites-block'],
  .pernod-gcd-type-311 div[class*='block--views-dernieres-actualites-block'] {
    padding-top: 0;
  }
}
.pernod-gcd-type-311 div[class^='block--views-dernieres-actualites-block'] h2.block__title,
.pernod-gcd-type-311 div[class*='block--views-dernieres-actualites-block'] h2.block__title {
  background: #f8f8f6;
  text-align: center;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  padding: 0 40px 0 40px;
  line-height: normal;
  color: #ff5b09;
}
@media (max-width: 720px) {
  .pernod-gcd-type-311 div[class^='block--views-dernieres-actualites-block'] h2.block__title,
  .pernod-gcd-type-311 div[class*='block--views-dernieres-actualites-block'] h2.block__title {
    padding: 10px 15px 0 15px;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .pernod-gcd-type-311 .view-content {
    padding-top: 0 !important;
  }
}
@media (max-width: 320px) {
  .pernod-gcd-type-311 .ui-tabs .ui-tabs-nav li.ui-state-active a {
    border-color: #ff5b09;
    text-decoration: none;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .pernod-gcd-type-311 .ui-tabs .ui-tabs-nav li.ui-state-active a {
    border-color: #ff5b09;
    text-decoration: none;
  }
}

.ui-tabs .ui-tabs-nav li a:hover {
  text-decoration: none;
}

/** Header et Menu **/
.external-select {
  min-width: 244px;
  width: 70%;
}
.external-select .select2-container--default {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 30px;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #7fa5d0;
  height: 40px;
  width: 100% !important;
}
.external-select .select2-container--default .select2-selection--single {
  background: none;
  border: 0;
  height: 40px;
  outline: none;
}
.external-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #fff;
  line-height: 40px;
  padding-left: 20px;
}
.external-select .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #fff;
}
.external-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
  top: 6px;
}
.external-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #7fa5d0 transparent transparent;
  border-width: 6px 6px 0 6px;
}
.external-select .select2-container--default.select2-container--open {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 20px 20px 0 0;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 20px;
  border-radius: 20px 20px 0 0;
  border-bottom: 0;
}
.external-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #7fa5d0;
  border-width: 0 6px 6px 5px;
}
.external-select .select2-container--default.select2-container--focus {
  outline: none;
}
.external-select .select2-container--default.select2-container--above.select2-container--open {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 0 0 20px 20px;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 0;
  border-radius: 0 0 20px 20px;
  border-bottom: 1px solid #7fa5d0;
  border-top: 0;
}

.select2-container.external-links-menu .select2-dropdown {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 0 0 20px 20px;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 0;
  border-radius: 0 0 20px 20px;
  background: #023466;
  border: 1px solid #7fa5d0;
  border-top: 0;
  overflow: hidden;
}
.select2-container.external-links-menu .select2-dropdown .select2-results li.select2-results__option {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #7fa5d0;
  padding: 6px 6px 6px 20px;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.select2-container.external-links-menu .select2-dropdown .select2-results li.select2-results__option.select2-results__option--highlighted[aria-selected] {
  background: #7fa5d0;
  color: #023466;
}
.select2-container.external-links-menu .select2-dropdown .select2-results li.select2-results__option[aria-selected=true] {
  background-color: transparent;
}
.select2-container.external-links-menu .select2-dropdown.select2-dropdown--above {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 20px 20px 0 0;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 20px;
  border-radius: 20px 20px 0 0;
  border-top: 1px solid #7fa5d0;
}

@media (min-width: 320px) and (max-width: 720px) {
  .sidr-class-pr_hub_menu_9289,
  .sidr-class-pr_hub_menu_5170,
  .sidr-class-pr_hub_menu_5181,
  .sidr-class-pr_hub_menu_5272,
  .sidr-class-pr_hub_menu_5291,
  .sidr-class-pr_hub_menu_5139,
  .sidr-class-pr_hub_menu_9275,
  .sidr-class-pr_hub_menu_422,
  .sidr-class-pr_hub_menu_9292,
  .sidr-class-pr_hub_menu_9293,
  .sidr-class-pr_hub_menu_5277,
  .sidr-class-pr_hub_menu_434 {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .pr_hub_menu_12008, .pr_hub_menu_12109, .pr_hub_menu_12110 {
    display: none !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .pr_hub_menu_12008 {
    display: none !important;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .pr_hub_menu_12008 {
    display: none !important;
  }
}
.bg-menu-top-fade {
  width: 100%;
  height: 150px;
  background: #023466;
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

#mobile-profil-menu-holder {
  display: none;
}
@media (max-width: 720px) {
  #mobile-profil-menu-holder {
    display: block;
  }
}

.mega-menu-open .dropdown-menu-lvl-1 .item-list.only-mobile {
  display: none !important;
}

.sidr-class-dropdown-menu-block-social {
  display: none !important;
}

.sidr-class-dropdown-menu-footer {
  padding-left: 20px;
  padding-right: 20px;
}
.sidr-class-dropdown-menu-footer li {
  display: inline-block !important;
  margin-right: 10px !important;
  border: none !important;
}
.sidr-class-dropdown-menu-footer li:last-child {
  margin-right: 0 !important;
}
.sidr-class-dropdown-menu-footer li a {
  padding: 0 !important;
  color: #7fa5d0 !important;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

header .dropdown-menu.mega-menu-open {
  background: #023466;
  left: 0;
  position: absolute;
  top: 0;
  border-top: 1px solid #7fa5d0;
  width: 100%;
  z-index: 10;
}
header .dropdown-menu.mega-menu-open .nav-trigger {
  position: absolute;
  right: 25px;
  top: 25px;
  z-index: 2;
  cursor: pointer;
  color: #023466;
}
header .dropdown-menu.mega-menu-open .nav-trigger::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #fff;
  display: inline-block;
  position: relative;
  font-size: 17px;
}

.block--pr-hub-menus {
  position: inherit;
  display: inline-block;
  z-index: 1;
}
@media (max-width: 720px) {
  .block--pr-hub-menus {
    position: relative;
    display: inherit;
  }
}
@media (max-width: 720px) {
  .block--pr-hub-menus #block-system-main-menu {
    display: none;
  }
}
.block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil .level-0 a {
  margin-left: 30px !important;
}
.block--pr-hub-menus .menu-responsive {
  width: 100%;
  display: none;
}
@media (max-width: 720px) {
  .block--pr-hub-menus .menu-responsive {
    display: block;
  }
}
.block--pr-hub-menus .menu-responsive #sidr-toggle-main-menu, .block--pr-hub-menus .menu-responsive #sidr-toggle-menu-local-section-menu {
  cursor: pointer;
  float: left;
  position: relative;
  padding: 5px;
  top: -35px;
  left: -5px;
  margin-left: 15px;
}
.block--pr-hub-menus .menu-responsive #sidr-toggle-main-menu:before, .block--pr-hub-menus .menu-responsive #sidr-toggle-menu-local-section-menu:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #023466;
  display: inline-block;
  position: relative;
  font-size: 19px;
}
.block--pr-hub-menus .menu-responsive #sidr-toggle-menu-menu-profil {
  display: block;
  float: right;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
  padding: 5px;
  top: -35px;
  right: -5px;
}
.block--pr-hub-menus .menu-responsive #sidr-toggle-menu-menu-profil:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #023466;
  display: inline-block;
  position: relative;
  font-size: 19px;
}
.block--pr-hub-menus .dropdown-menu {
  background: none repeat scroll 0 0 #023467;
  left: 0;
  position: absolute;
  top: 120px;
  border-top: 1px solid #91e2c7;
  width: 100%;
  z-index: 1;
}
.block--pr-hub-menus .dropdown-menu .current:before {
  background: none;
  border: none;
}
.block--pr-hub-menus .block__title {
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: white;
  padding-left: 20px;
}
.block--pr-hub-menus .block__title:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-right: 5px;
}
.block--pr-hub-menus li, .block--pr-hub-menus .level-0 {
  display: inline-block;
}
.block--pr-hub-menus li .menu-menu-menu-profil:before, .block--pr-hub-menus .level-0 .menu-menu-menu-profil:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #023466;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  line-height: initial;
  line-height: normal;
  /*ie*/
  font-size: 19px;
  text-decoration: underline;
}
.block--pr-hub-menus li .menu-menu-menu-profil:hover, .block--pr-hub-menus .level-0 .menu-menu-menu-profil:hover {
  text-decoration: underline;
}
.block--pr-hub-menus li .menu-menu-menu-profil::before, .block--pr-hub-menus li .menu-menu-menu-profil:hover::before, .block--pr-hub-menus .level-0 .menu-menu-menu-profil::before, .block--pr-hub-menus .level-0 .menu-menu-menu-profil:hover::before {
  text-decoration: none;
}
.block--pr-hub-menus li .menu-main-menu:before,
.block--pr-hub-menus li .menu-menu-local-section-menu:before, .block--pr-hub-menus .level-0 .menu-main-menu:before,
.block--pr-hub-menus .level-0 .menu-menu-local-section-menu:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #023466;
  display: inline-block;
  position: relative;
  top: -1px;
  margin-right: 8px;
  line-height: initial;
  line-height: normal;
  /*ie*/
  font-size: 19px;
  text-decoration: underline;
}
.block--pr-hub-menus li .menu-main-menu:hover,
.block--pr-hub-menus li .menu-menu-local-section-menu:hover, .block--pr-hub-menus .level-0 .menu-main-menu:hover,
.block--pr-hub-menus .level-0 .menu-menu-local-section-menu:hover {
  text-decoration: underline;
}
.block--pr-hub-menus li .menu-main-menu:before, .block--pr-hub-menus li .menu-main-menu:hover:before,
.block--pr-hub-menus li .menu-menu-local-section-menu:before,
.block--pr-hub-menus li .menu-menu-local-section-menu:hover:before, .block--pr-hub-menus .level-0 .menu-main-menu:before, .block--pr-hub-menus .level-0 .menu-main-menu:hover:before,
.block--pr-hub-menus .level-0 .menu-menu-local-section-menu:before,
.block--pr-hub-menus .level-0 .menu-menu-local-section-menu:hover:before {
  text-decoration: none;
}
.block--pr-hub-menus li a, .block--pr-hub-menus .level-0 a {
  color: #023466;
}
.block--pr-hub-menus li a, .block--pr-hub-menus .level-0 a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  padding: 10px 0;
  margin: 0 5px 8px 15px;
  color: #023466;
  line-height: 25px;
}
.block--pr-hub-menus li .current, .block--pr-hub-menus .level-0 .current {
  position: relative;
}
.block--pr-hub-menus li .current .arrow, .block--pr-hub-menus .level-0 .current .arrow {
  content: '';
  height: 15px;
  display: block;
  width: 17px;
  border-bottom: 1px solid #023466;
  z-index: 9999;
  position: absolute;
  left: 38px;
  bottom: -8px;
}
.block--pr-hub-menus li .current .arrow::after, .block--pr-hub-menus .level-0 .current .arrow::after {
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(-135deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(-135deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  content: '';
  position: absolute;
  margin: auto;
  bottom: -14px;
  left: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-right: 1px solid #7fa5d0;
  border-bottom: 1px solid #7fa5d0;
  top: 0;
}

.block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  border-color: #7fa5d0;
  left: 35px;
}
.block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow::after {
  border-color: #023466;
}

.paddingTopSticked .block--pr-hub-menus li .current .arrow {
  border-color: transparent;
  overflow: hidden;
}
.paddingTopSticked .block--pr-hub-menus li .current .arrow::after {
  background: #023466;
  border-color: transparent;
}

.paddingTopSticked .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  border-color: #7fa5d0;
  overflow: hidden;
  bottom: -8px;
}
.paddingTopSticked .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow::after {
  background: #7fa5d0;
  border-color: #023466;
}

.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-main-menu li .current .arrow,
.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  bottom: -11px;
}

.block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  border-color: #7fa5d0;
  left: 35px;
}
.block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow::after {
  border-color: #023466;
}

.isSticked .block--pr-hub-menus li .current .arrow {
  border-color: transparent;
  overflow: hidden;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .isSticked .block--pr-hub-menus li .current .arrow {
    bottom: -18px !important;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .isSticked .block--pr-hub-menus li .current .arrow {
    bottom: -18px !important;
  }
}
.isSticked .block--pr-hub-menus li .current .arrow::after {
  background: #023466;
  border-color: transparent;
}

.isSticked .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  border-color: #7fa5d0;
  overflow: hidden;
  bottom: -8px;
}
.isSticked .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow::after {
  background: #7fa5d0;
  border-color: #023466;
}

.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-main-menu li .current .arrow,
.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  bottom: -11px;
}

.front.isSticked .block1-pr-hub-menus #pernod-dropdown-menu-lvl-0-main-menu li .current .arrow {
  bottom: -9px;
}

.front.isSticked .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  bottom: -8px;
}

.ff .block--pr-hub-menus li .current:after,
.ff .block--pr-hub-menus .level-0 .current:after {
  bottom: -38%;
}

.dropdown-menu .grid2-1 {
  float: left;
  padding: 20px 40px;
  width: 100%;
}
.dropdown-menu .grid2-1 .autogrid-3 {
  width: 100%;
}
.dropdown-menu .grid2-1 .autogrid-3 ul {
  width: 100%;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list {
  width: 24.64286%;
  margin-bottom: 30px;
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  vertical-align: top;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list.hide_block.hide_block.hide_block.hide_block {
  display: none;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first a {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 100;
  color: #7fa5d0;
  margin-bottom: 15px;
  display: block;
  line-height: 1;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first a:hover, .dropdown-menu .grid2-1 .autogrid-3 .item-list li.first a.active {
  color: #fff;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first ul li a {
  color: white;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first ul li a {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  margin-bottom: 0;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: all 200ms ease-out;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  line-height: 1.8;
  padding: 3px 10px 3px 8px;
  margin: 0 0 0 -5px;
  color: white;
  cursor: pointer;
  display: inline;
  border-radius: 15px;
  border: 1px solid transparent;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first ul li a.active {
  color: #7fa5d0;
  background: #fff;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list li.first ul li a:hover {
  border: 1px solid #fff;
}

.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div:nth-child(10).item-list-double {
  width: 23.7%;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div:nth-child(10).item-list-double .pr-menu-extra.dropdown-menu-block-social {
  display:block;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div:nth-child(10).item-list-double .pr-menu-extra.dropdown-menu-block-social .pr-menu-extra.dropdown-menu-block-external {
  margin-bottom:15px;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div:nth-child(10).item-list-double .pr-menu-extra.dropdown-menu-block-social .menu-social-links {
  text-align: center;
}



.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div.item-list-double--full-width.item-list-double {
  width: 100%;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div.item-list-double--full-width.item-list-double .pr-menu-extra.dropdown-menu-block-social {
  display: block;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div.item-list-double--full-width.item-list-double .pr-menu-extra.dropdown-menu-block-social .pr-menu-extra.dropdown-menu-block-external {
  margin-bottom: 0;
}
.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div.item-list-double--full-width.item-list-double .pr-menu-extra.dropdown-menu-block-social .menu-social-links {
  text-align: left;
}



.dropdown-menu .grid2-1 .autogrid-3 .dropdown-menu-lvl-1 > div:nth-child(10).item-list-double  .dropdown-menu-block-other li {
  float: left;
  width: 100%;
  margin: 0;
}

.dropdown-menu .grid2-1 .autogrid-3 .item-list-double {
  width: 49.73214%;
  margin-bottom: 30px;
  margin-top: 30px;
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  vertical-align: top;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #7fa5d0;
  border-bottom: 1px solid #7fa5d0;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links {
  text-align: right;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li {
  display: inline-block;
  margin-left: 27px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li:first-child {
  margin-left: 0;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url("../images/menu-social-spritesheet.png");
  background-repeat: no-repeat;
  display: block;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-instagram {
  width: 21px;
  height: 21px;
  background-position: -14px -10px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-instagram:hover {
  background-position: -54px -10px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-facebook {
  width: 11px;
  height: 22px;
  background-position: -14px -95px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-facebook:hover {
  background-position: -54px -95px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-linkedin {
  width: 22px;
  height: 20px;
  background-position: -14px -137px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-linkedin:hover {
  background-position: -54px -137px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-twitter {
  width: 22px;
  height: 20px;
  background-position: -14px -274px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-twitter:hover {
  background-position: -54px -274px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-youtube {
  width: 23px;
  height: 16px;
  background-position: -14px -314px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-social .menu-social-links li a.menu-social-links-youtube:hover {
  background-position: -54px -314px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li {
  float: right;
  margin-left: 15px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li a:before {
  content: "";
  background-image: url("../images/menu-social-spritesheet.png");
  background-repeat: no-repeat;
  display: inline-block;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.first a:before {
  width: 25px;
  height: 38px;
  background-position: -11px -174px;
  padding-left: 8px;
  margin-bottom: -12px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.first:hover a:before {
  background-position: -51px -174px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.first:hover a {
  text-decoration: underline;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.last a:before {
  width: 24px;
  height: 38px;
  background-position: -14px -217px;
  padding-left: 8px;
  margin-bottom: -12px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.last:hover a:before {
  background-position: -54px -217px;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.last:hover a {
  text-decoration: underline;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.first {
  float: left;
  margin-left: 0;
  margin-right: 25px;
  font-family: 'PFRegalDisplayPro';
  font-weight: bold !important;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li.first a {
  font-family: 'PFRegalDisplayPro';
  font-weight: bold !important;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li a {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #fff;
}
.dropdown-menu .grid2-1 .autogrid-3 .item-list-double .dropdown-menu-block-other li a:hover {
  text-decoration: underline;
}

a.sidr-class-menu-other-links {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  position: relative;
  padding: 0 60px !important;
}
a.sidr-class-menu-other-links:before {
  content: "";
  background-image: url("../images/menu-social-spritesheet.png");
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 20px;
}
a.sidr-class-menu-other-links.sidr-class-menu-link-mag {
  font-family: 'PFRegalDisplayPro';
  font-weight: bold;
}
a.sidr-class-menu-other-links.sidr-class-menu-link-mag:before {
  width: 25px;
  height: 30px;
  background-position: -11px -177px;
}
a.sidr-class-menu-other-links.sidr-class-menu-link-presence-digitale:before {
  width: 24px;
  height: 27px;
  background-position: -14px -227px;
}

.dropdown-menu aside a {
  color: #0066a1;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 10px;
  padding: 6px 25px 6px 10px;
  background-color: #fff;
  background-position: 90% 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENEY1NEU5QzBGNjExRTRCNzk4ODQxMTg3MUJDNzc4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENEY1NEVBQzBGNjExRTRCNzk4ODQxMTg3MUJDNzc4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0RjU0RTdDMEY2MTFFNEI3OTg4NDExODcxQkM3NzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0RjU0RThDMEY2MTFFNEI3OTg4NDExODcxQkM3NzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz55iECBAAAApUlEQVR42kyQzQ4BMRSF27L2fiIZQqLBAxBrvws7jJ8Nk7HxdhJLcX1Tl9wmX07PnNOZO/Wuf90659owk2O2dmZ5wgfaUL+CKSWpTIAxiIYT2PtYhHRSRBwmss/Tm77rBp0UplYsusgJalq4/EMtlEhL7TOYoIc0zbD3oMEAOeuAv2/GQDBiszPDHCDjd15Vc2GCDQwJ3pWpQ6k3NOfh0t7QR4ABAFC0ND8nclLoAAAAAElFTkSuQmCC");
  border-radius: 10px;
  display: block;
  max-width: 115px;
}

.nav-main .content li.dropdown > a:hover, .nav-main .content li.dropdown > a:focus {
  background: none repeat scroll 0 0 #0066a1;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  border-radius: 7px;
  outline: medium none;
}

.collapse-int, .dropdown-menu {
  display: none;
}

.dropdown-menu.open {
  display: block;
}

.dropdown-menu .grid {
  max-width: 1200px;
  margin: 0 auto;
}

.dropdown-menu .grid2-1 li {
  display: block;
  margin: 0 0 3px;
}

.dropdown-menu .grid2-1 ul li ul li a {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
  color: #fff;
}

.dropdown-menu .grid2-1 aside {
  width: 33.333%;
  padding-left: 10px;
  float: left;
  color: #fff;
}

.dropdown-menu .grid2-1 aside .title {
  font-size: 2.571em;
  font-weight: 200;
  margin-bottom: 20px;
}

/*Responsive menu principale */
#sidr-overlay {
  background: transparent !important;
}

.sidr::-webkit-scrollbar {
  display: none;
}

@-moz-document url-prefix(http://),url-prefix(https://) {
  scrollbar {
    -moz-appearance: none !important;
  }

  thumb, scrollbarbutton {
    -moz-appearance: none !important;
  }

  thumb:hover, scrollbarbutton:hover {
    -moz-appearance: none !important;
  }

  scrollbarbutton {
    display: none !important;
  }

  scrollbar[orient="vertical"] {
    min-width: 15px !important;
  }
}
.sidrAdapt.iphone {
  overflow: hidden !important;
  height: 100% !important;
  position: static !important;
}
.sidrAdapt.iphone .closeSidr {
  display: block;
  text-align: right;
  padding-right: 20px;
}
.sidrAdapt.iphone .closeSidr::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
.sidrAdapt.iphone .sidr {
  display: none;
  position: fixed;
  top: 0px !important;
  height: 100%;
  z-index: 999999;
  width: 100%;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #023466;
  color: white;
}
.sidrAdapt.iphone .sidr .sidr-class-active {
  color: #fff !important;
}
.sidrAdapt.iphone .sidr .activeChild {
  background: #fff;
  color: #023466 !important;
}

.sidrAdapt {
  overflow: hidden !important;
  position: fixed !important;
  left: 0 !important;
}
.sidrAdapt .closeSidr {
  display: block;
  text-align: right;
  padding-right: 20px;
}
.sidrAdapt .closeSidr::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}

.sidr {
  display: none;
  position: fixed;
  top: 0px !important;
  height: 100%;
  z-index: 999999;
  width: 100%;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #023466;
  color: white;
}
.sidr .sidr-class-active {
  color: #fff !important;
}
.sidr .activeChild {
  background: #fff;
  color: #023466 !important;
}

.sidr .sidr-inner {
  padding: 0 0 15px;
}

.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}

.sidr.right {
  left: auto;
  right: -300px;
}

.sidr.left {
  right: auto;
}

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #333;
  line-height: 24px;
}

.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}

.sidr p a {
  color: rgba(51, 51, 51, 0.9);
}

.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}

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

.sidr ul li {
  display: block;
  margin: 0;
  line-height: 47px;
  border-bottom: 1px solid rgba(27, 75, 123, 0.7);
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: none;
  line-height: 47px;
}

.sidr ul li a, .sidr ul li span {
  padding: 0 20px;
  display: block;
  text-decoration: none;
  color: white;
}

.sidr ul li ul {
  border-bottom: none;
  margin: 0;
}

.sidr ul li ul li {
  line-height: 40px;
  font-size: 13px;
}

.sidr ul li ul li:last-child {
  border-bottom: none;
}

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: none;
  line-height: 41px;
}

.sidr ul li ul li a, .sidr ul li ul li span {
  color: rgba(51, 51, 51, 0.8);
  padding-left: 30px;
}

.sidr ul li ul li a, .sidr ul li ul li span {
  padding-left: 20px;
}

.sidr-class-item-list .sidr-class-first .sidr-class-menu-lvl-1 {
  font-weight: 300;
  line-height: 47px;
  border-bottom: 1px solid rgba(27, 75, 123, 0.7);
  position: relative;
}
.sidr-class-item-list .sidr-class-first .sidr-class-menu-lvl-1:after {
  content: "";
  width: 20px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 20px;
  background-position: -60px -60px;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url("../images/f_down-mobile.png");
  background-size: 40px;
}
.sidr-class-item-list .sidr-class-first .sidr-class-menu-lvl-1.open:after {
  background-position: 0 0;
}
.sidr-class-item-list .sidr-class-first .sidr-class-menu-lvl-1.no-chevron:after {
  display: none;
}
.sidr-class-item-list .sidr-class-first > a, .sidr-class-item-list .sidr-class-first span {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 100;
  color: #7fa5d0;
  padding-left: 20px;
  display: block;
}
.sidr-class-item-list:hover > a, .sidr-class-item-list:hover span, .sidr-class-item-list.sidr-class-active > a, .sidr-class-item-list.sidr-class-active span, .sidr-class-item-list.active > a, .sidr-class-item-list.active span {
  padding-left: 20px;
}
.sidr-class-item-list .sidr-class-dropdown-menu-lvl-2 {
  display: none;
}
.sidr-class-item-list .sidr-class-dropdown-menu-lvl-2 li > a, .sidr-class-item-list .sidr-class-dropdown-menu-lvl-2 li span {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.5em;
  padding: 10px 20px;
}

header.profile-layer .bg-menu-top-fade, header.profile-layer .dropdown-menu.mega-menu-open {
  background: #7fa5d0;
  border-top-color: #023467;
}
header.profile-layer .block--pr-hub-menus li .current:after, header.profile-layer .block--pr-hub-menus .level-0 .current:after {
  background-color: #7fa5d0;
  border-right-color: #023467;
  border-top-color: #023467;
}
header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 {
  margin-left: 20%;
}
@media (min-width: 960px) and (max-width: 1199px) {
  header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 {
    margin-left: 23.6%;
  }
}
header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 .item-list li.first > a {
  color: #023467;
}
header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 .item-list li.first > a:hover, header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 .item-list li.first > a.active {
  color: #fff;
}
header.profile-layer .dropdown-menu .grid2-1 .autogrid-3 .item-list-double {
  display: none;
}

body.front .block--pr-hub-menus li .current:after, body.front .block--pr-hub-menus .level-0 .current:after, body.logged-in.front .block--pr-hub-menus li .current:after, body.logged-in.front .block--pr-hub-menus .level-0 .current:after {
  bottom: -46%;
}
body.front .block--pr-hub-menus li a, body.logged-in.front .block--pr-hub-menus li a {
  color: #fff;
}
body.front .block--pr-hub-menus li a:hover, body.logged-in.front .block--pr-hub-menus li a:hover {
  color: #fff;
}
body.front .block--pr-hub-menus li .menu-menu-menu-profil:before, body.logged-in.front .block--pr-hub-menus li .menu-menu-menu-profil:before {
  color: #fff;
}
body.front .block--pr-hub-menus li .menu-main-menu:before,
body.front .block--pr-hub-menus li .menu-menu-local-section-menu:before, body.logged-in.front .block--pr-hub-menus li .menu-main-menu:before,
body.logged-in.front .block--pr-hub-menus li .menu-menu-local-section-menu:before {
  color: #fff;
}

body.ff.front .block--pr-hub-menus li .current:after,
body.ff.front .block--pr-hub-menus .level-0 .current:after,
body.ff.logged-in.front .block--pr-hub-menus li .current:after,
body.ff.logged-in.front .block--pr-hub-menus .level-0 .current:after {
  bottom: -45%;
}

body.body-marque-strategique .block--pr-hub-menus li a {
  color: #fff;
}
body.body-marque-strategique .block--pr-hub-menus li a:hover {
  color: #fff;
}
body.body-marque-strategique .block--pr-hub-menus li .menu-menu-menu-profil:before {
  color: #fff;
}
body.body-marque-strategique .block--pr-hub-menus li .menu-main-menu:hover,
body.body-marque-strategique .block--pr-hub-menus li .menu-menu-local-section-menu:hover {
  text-decoration: underline;
}
body.body-marque-strategique .block--pr-hub-menus li .menu-main-menu:before,
body.body-marque-strategique .block--pr-hub-menus li .menu-menu-local-section-menu:before {
  color: #fff;
}

body.body-marque-strategique.isWhite .block--pr-hub-menus li a {
  color: #023466;
}
body.body-marque-strategique.isWhite .block--pr-hub-menus li .menu-menu-menu-profil:before {
  color: #023466;
}
body.body-marque-strategique.isWhite .block--pr-hub-menus li .menu-main-menu:before,
body.body-marque-strategique.isWhite .block--pr-hub-menus li .menu-menu-local-section-menu:before {
  color: #023466;
}
body.body-marque-strategique.isWhite .l-branding.layer {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: none;
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.body-marque-strategique.isWhite .l-branding.layer .block--pr-hub-menus li a {
  color: #fff;
}
body.body-marque-strategique.isWhite .l-branding.layer .block--pr-hub-menus li a:before {
  color: #fff;
}
body.body-marque-strategique.isWhite .l-branding {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
body.body-marque-strategique.isWhite .block-wrapper.pr-hub-map .wm-content .world-icon img {
  display: none;
}
body.body-marque-strategique.isWhite .block-wrapper.pr-hub-map .wm-content .world-icon img.default {
  display: block;
}
body.body-marque-strategique.isWhite .l-header .l-branding .block-wrapper.pr-hub-map .text-placeholder {
  background-image: url(../../images/infobull-bleu.svg);
  color: #023466;
}
body.body-marque-strategique.isWhite .l-header .l-branding.layer .block-wrapper.pr-hub-map .text-placeholder {
  background-image: url(../../images/infobull-white.svg);
  color: #fff;
}
body.body-marque-strategique.isWhite .l-header .l-branding.layer .block-wrapper.pr-hub-map .wm-content .world-icon img {
  display: none;
}
body.body-marque-strategique.isWhite .l-header .l-branding.layer .block-wrapper.pr-hub-map .wm-content .world-icon img.alt {
  display: block;
}

body.logged-in .block--pr-hub-menus li .current:after, body.logged-in .block--pr-hub-menus .level-0 .current:after {
  bottom: -16px;
}

.ff.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-main-menu li .current .arrow, 

.ff.front .block--pr-hub-menus #pernod-dropdown-menu-lvl-0-menu-menu-profil li .current .arrow {
  bottom: -10px;
}



.ff .block--pr-hub-menus li .current .arrow,
.ff .block--pr-hub-menus .level-0 .current .arrow {
  bottom: -7px;
}

/* ==========================================================================
   Visite des lieux
   /en/brands/site-visits
   ========================================================================== */
.page-brands-site-visits h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #30c7dc;
  letter-spacing: initial;
  line-height: 1em;
  margin-bottom: 28px;
}
@media (max-width: 720px) {
  .page-brands-site-visits h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-top: 20px;
    padding: 0 15px;
    margin-bottom: 15px;
  }
}

.view-visites-des-lieux .view-header {
  margin-bottom: 38px;
  color: #626262;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 400;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-header {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
  }
}
.view-visites-des-lieux .view-header p {
  color: #626262;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 400;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-header p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.view-visites-des-lieux .view-content {
  background: #f8f8f6;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content {
    width: 100%;
    padding: 0;
    background: #fff;
  }
}
.view-visites-des-lieux .view-content .item-list {
  padding: 40px 40px 0 40px;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .item-list {
    padding: 0;
  }
}
.view-visites-des-lieux .view-content ul {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.view-visites-des-lieux .view-content .views-row {
  position: relative;
  overflow: hidden;
  color: #626262;
  background: white;
  margin-bottom: 36px;
  width: 30.89286%;
  float: left;
  margin-right: 3.30357%;
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row {
    width: 100%;
    box-shadow: none;
    margin-right: 0;
    margin-bottom: 1px;
    padding-bottom: 0;
    background: #f8f8f6;
    float: none;
  }
}
.view-visites-des-lieux .view-content .views-row:nth-child(3n) {
  margin-right: 0;
}
.view-visites-des-lieux .view-content .views-row .field.field--name-title-field {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #626262 !important;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .field.field--name-title-field {
    min-height: initial;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.view-visites-des-lieux .view-content .views-row .field--name-field-url {
  position: relative;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .field--name-field-url {
    float: left;
    width: 40%;
    display: initial;
  }
}
.view-visites-des-lieux .view-content .views-row .field--name-field-url img {
  vertical-align: top;
}
.view-visites-des-lieux .view-content .views-row .field--name-field-url a {
  display: block;
}
.view-visites-des-lieux .view-content .views-row .field--name-field-url a:hover {
  text-decoration: underline;
}
.view-visites-des-lieux .view-content .views-row .group-wp {
  position: static;
  padding: 20px 0 60px 0;
  min-height: 145px;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .view-visites-des-lieux .view-content .views-row .group-wp {
    min-height: 150px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .view-visites-des-lieux .view-content .views-row .group-wp {
    min-height: 150px;
  }
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp {
    float: left;
    display: initial;
    width: 60%;
    padding: 0;
    min-height: inherit;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos {
  width: 100%;
  padding: 0 30px 0 30px;
  text-align: justify;
  line-height: 1.5;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
}
@media (min-width: 720px) and (max-width: 960px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-infos {
    padding: 0 3%;
  }
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-infos {
    padding: 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-title-field {
  color: #30c7dc !important;
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-url {
  padding: 0;
  position: inherit;
  bottom: inherit;
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-url a {
  color: #30c7dc;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-url a:after {
  content: " ";
  display: none;
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-url a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-url {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-ville-pays {
  margin-bottom: 5px;
  line-height: 22px;
  color: #626262;
  padding: 0 80px 0 0px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-ville-pays:after {
  content: " ";
  display: none;
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-infos .field--name-field-ville-pays {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 8px;
    min-height: inherit;
    padding: 0;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-image {
  position: absolute;
  top: 228px;
  right: 20px;
}
@media (min-width: 720px) and (max-width: 960px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-image {
    top: 193px;
    right: 20px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-image {
    top: 193px;
    right: 20px;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-image img {
  max-width: 80px;
}
@media (min-width: 720px) and (max-width: 960px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-image {
    position: inherit;
    top: inherit;
    right: inherit;
    padding: 0 3%;
  }
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-image {
    position: inherit;
    top: inherit;
    right: inherit;
    padding: 0 30px;
    display: none;
  }
}
.view-visites-des-lieux .view-content .views-row .group-wp .group-image .links--inline {
  display: none;
}
.view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url {
  width: 100%;
  padding: 0 30px;
  position: absolute;
  bottom: 20px;
}
.view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url a {
  color: #023466;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url a:hover {
  text-decoration: underline;
}
.view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  margin: 0 0 0 10px;
  display: inline-block;
}
@media (min-width: 720px) and (max-width: 960px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url {
    padding: 0 3%;
  }
}
@media (max-width: 720px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .field--name-field-url {
    display: none;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .view-visites-des-lieux .view-content .views-row .group-wp .group-image {
    top: 51% !important;
  }
}
/**** largeur 100% page marque local */
.body-marque-locale {
  /*.layout-local, .l-region--branding, .l-region--branding, .l-top_header, .l-header, .l-social_footer, .l-region--pre-footer, .l-footer {
      @extend %container;
  }*/
}
.body-marque-locale .top-marque-backgroung {
  background: #fff;
}
.body-marque-locale h1, .body-marque-locale h2 {
  color: #000;
}
.body-marque-locale .description-marque p, .body-marque-locale .titre-bloc-local p {
  color: #000;
}
.body-marque-locale .views-field-field-titre-gamme {
  color: #000;
}
.body-marque-locale .l-page, .body-marque-locale .l-pre_footer {
  max-width: 100%;
}
.body-marque-locale .l-pre_footer {
  background-color: #dcd9d9;
}
.body-marque-locale .l-main {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.25);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.25);
}
.body-marque-locale .l-branding {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.body-marque-locale .sticked-desktop .l-branding {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25);
}
.body-marque-locale .l-region--pre-footer {
  display: inherit;
}
.body-marque-locale .l-region--footer {
  padding: 0 40px;
}
.body-marque-locale .breadcrumbs {
  display: none;
}
.body-marque-locale .top-marque-backgroung .layout-local {
  border-bottom: 1px solid #282828;
}
.body-marque-locale .layout-local .breadcrumbs {
  display: block;
  width: auto;
}
.body-marque-locale .layout-local .breadcrumbs ul {
  padding-left: 0;
}
@media (max-width: 720px) {
  .body-marque-locale .layout-local .breadcrumbs {
    display: none;
  }
}

.body-marque-strategique .block--pr-hub-menus.nav-main li .current:after, .body-marque-strategique .block--pr-hub-menus.nav-main .level-0 .current:after {
  bottom: -17px !important;
}
@media (min-width: 320px) and (max-width: 720px) {
  .body-marque-strategique .container {
    padding: 0;
  }
}
.body-marque-strategique .messages--error {
  display: none;
}
.body-marque-strategique .l-header.layer .site-logo {
  background-position: 0 -89px;
}
.body-marque-strategique .l-branding {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.4);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.4);
  position: absolute;
  width: 100%;
  min-height: 114px;
  padding: 20px 40px 8px;
  max-width: none !important;
}
@media (min-width: 320px) and (max-width: 720px) {
  .body-marque-strategique .l-branding {
    /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -moz context. */
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
    /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -webkit context. */
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    /* 480px */
    position: relative;
    text-align: center;
    top: 0;
    border-bottom: none;
    padding: 15px 20px;
    min-height: 31px;
  }
}
.body-marque-strategique .l-branding.layer {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: none;
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: none;
  box-shadow: none;
}
.body-marque-strategique .l-main {
  position: relative;
  padding: 0;
}
.body-marque-strategique .l-main .tabs--primary {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 99999999;
}
.body-marque-strategique .l-main .breadcrumbs {
  position: absolute;
  top: 120px;
  z-index: 3;
  width: 100%;
  background: none;
}
.body-marque-strategique .l-main .breadcrumbs a {
  color: white;
}
.body-marque-strategique .l-main .breadcrumbs a.active {
  color: #e0a872;
}
.body-marque-strategique.isSticked .l-branding {
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.body-marque-strategique.isWhite .l-main .breadcrumbs a {
  color: #023466;
}

.ff.body-marque-strategique .l-branding {
  padding: 20px 40px 7px;
}

/**** marque ordinaire*/
/**** marque local */
.layout-local .top-marque {
  line-height: 1em;
  position: relative;
}
.layout-local .top-marque .logo-titre {
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .layout-local .top-marque .logo-titre {
    margin-bottom: 0;
  }
}
.layout-local .top-marque .logo-titre .logo-marque {
  margin-bottom: 25px;
  padding-right: 10px;
}
.layout-local .top-marque .logo-titre .logo-marque .field--name-field-logo-marque .field__item img {
  width: auto;
  max-height: 130px;
  max-width: 500px;
}
.layout-local .top-marque .logo-titre .titre-marque-locale {
  visibility: hidden;
  height: 0;
  overflow: hidden;
        /* h1 {
          @include font(52, 100);
          line-height: 1em;
          margin-bottom: 28px;

          em {
            font-style: normal;
          }

          @include breakpoint(mobileonly) {
            @include font($m--text-size-lg-bigger, 300);
            padding: 0;
            margin-top: 0;
          }
        } */
}

.node-type-marques .l-main {
  padding: 0;
}
.node-type-marques h2, .node-type-marques .titre-gamme-descktop {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1em;
  margin-bottom: 28px;
}
.node-type-marques h2 em, .node-type-marques .titre-gamme-descktop em {
  font-style: normal;
}
@media (max-width: 720px) {
  .node-type-marques h2, .node-type-marques .titre-gamme-descktop {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-bottom: 20px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques h2, .node-type-marques .titre-gamme-descktop {
    font-size: 3rem;
  }
}
.node-type-marques .breadcrumbs {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  background: none;
}
.node-type-marques .breadcrumbs a {
  color: #023467;
}
.node-type-marques .breadcrumbs a.active {
  color: #30c7dc;
}
.node-type-marques .content {
  position: relative;
  /*** marque strategique */
}
.node-type-marques .content .top-marque {
  padding-bottom: 40px;
  padding-top: 90px;
  width: 71.42857%;
}
.node-type-marques .content .top-marque .description-marque {
  margin-bottom: 55px;
}
@media (max-width: 720px) {
  .node-type-marques .content .top-marque .description-marque {
    margin-bottom: 10px;
    min-height: 160px;
  }
}
.node-type-marques .content .top-marque .description-marque p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .node-type-marques .content .top-marque .description-marque p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 10px;
  }
}
.node-type-marques .content .top-marque .liens-marques {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  padding: 3px 0 0 15px !important;
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .icon {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  padding: 8px 10px;
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-twitter::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-google-plus::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-facebook::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-vimeo::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-youtube-play::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-instagram::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .top-marque .liens-marques .liens-partage-marque .social-links ul .fa-pinterest::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
@media (max-width: 720px) {
  .node-type-marques .content .top-marque .liens-marques {
    display: none;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .top-marque {
    width: 100%;
    padding: 20px 90px 10px 15px;
  }
}
.node-type-marques .content .bottom-marque {
  padding-top: 40px;
  margin-top: 30px;
  margin-bottom: 20px;
  min-height: 500px;
}
.node-type-marques .content .bottom-marque .box-marque {
  width: 28.57143%;
  float: left;
  margin-right: 7.14286%;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .bottom-marque .box-marque {
    margin-right: 0;
    padding: 0;
    width: 80%;
  }
}
@media (max-width: 320px) {
  .node-type-marques .content .bottom-marque .box-marque {
    /* 320px */
    padding: 0;
    width: 78%;
  }
}
.node-type-marques .content .bottom-marque .box-marque:nth-child(3n) {
  margin-right: 0;
}
.node-type-marques .content .bottom-marque .box-marque p {
  margin-bottom: 25px;
}
.node-type-marques .content .bottom-marque .box-marque .titre-bloc-local p, .node-type-marques .content .bottom-marque .box-marque .titre-bloc-local span {
  font-size: 46px;
  font-size: 2.875rem;
  font-weight: 100;
  letter-spacing: initial;
  line-height: 1em;
  margin-bottom: 28px;
}
.node-type-marques .content .bottom-marque .box-marque .titre-bloc-local p em, .node-type-marques .content .bottom-marque .box-marque .titre-bloc-local span em {
  font-style: inherit;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .bottom-marque .box-marque .titre-bloc-local p, .node-type-marques .content .bottom-marque .box-marque .titre-bloc-local span {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}
.node-type-marques .content .bottom-marque .bouteille_principale {
  position: absolute;
  top: 5%;
  right: 0;
  float: none;
  text-align: center;
  z-index: 1;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques .content .bottom-marque .bouteille_principale {
    width: 25%;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .bottom-marque .bouteille_principale {
    right: 15px;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .bottom-marque .bouteille_principale {
    display: block;
    max-width: 17.7%;
    margin-top: 0;
  }
}
@media (max-width: 320px) {
  .node-type-marques .content .bottom-marque .bouteille_principale {
    max-width: 20%;
    top: 20px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node-type-marques .content .bottom-marque .bouteille_principale {
    top: 4%;
  }
}
.node-type-marques .content .bottom-marque .bouteille_principale .field--name-field-image-bouteille-principale .field__item img {
  max-height: 880px;
  width: auto;
}
@media (max-width: 720px) {
  .node-type-marques .content .bottom-marque {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 0;
  }
}
.node-type-marques .content .swiper-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 720px) {
  .node-type-marques .content .swiper-wrapper {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}
.node-type-marques .content .la-gamme-local {
  z-index: 0;
  position: relative;
  padding-top: 50px;
  padding-bottom: 60px;
}
.node-type-marques .content .la-gamme-local.empty-view {
  display: none;
}
.node-type-marques .content .la-gamme-local h2, .node-type-marques .content .la-gamme-local .titre-bloc-local {
  font-size: 46px;
  font-size: 2.875rem;
  font-weight: 100;
  letter-spacing: initial;
  line-height: 1em;
  margin-bottom: 28px;
}
.node-type-marques .content .la-gamme-local h2 em, .node-type-marques .content .la-gamme-local .titre-bloc-local em {
  font-style: inherit;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local h2, .node-type-marques .content .la-gamme-local .titre-bloc-local {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-bottom: 20px;
  }
}
.node-type-marques .content .la-gamme-local h2 {
  border-top: 1px solid #282828;
  padding-top: 60px;
}
.node-type-marques .content .la-gamme-local .swiper-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .swiper-slide {
    display: block;
    padding: 0 30px;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel, .node-type-marques .content .la-gamme-local .swiper-wrapper {
  padding: 0 40px;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel, .node-type-marques .content .la-gamme-local .swiper-wrapper {
    padding: 0;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-wrapper, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-wrapper {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 60.71429%;
  padding-left: 40px;
  float: left;
  padding-top: 0;
  z-index: 999;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .left-owl, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl {
    width: 100%;
    padding-left: 0;
    padding-top: 0;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-titre-gamme, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-titre-gamme {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 25px;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-titre-gamme, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-titre-gamme {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 100;
  margin-bottom: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p a, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p a:hover, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p a:hover {
  text-decoration: underline;
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p a span, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p a span {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p a span, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p a span {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 18px;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .left-owl .views-field-field-description-gamme .field-content p a span:hover, .node-type-marques .content .la-gamme-local .swiper-wrapper .left-owl .views-field-field-description-gamme .field-content p a span:hover {
  text-decoration: underline;
}
.node-type-marques .content .la-gamme-local .owl-carousel .views-field-field-image-gamme, .node-type-marques .content .la-gamme-local .swiper-wrapper .views-field-field-image-gamme {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 35.71429%;
  float: right;
  text-align: center;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .views-field-field-image-gamme, .node-type-marques .content .la-gamme-local .swiper-wrapper .views-field-field-image-gamme {
    width: 100%;
    text-align: center;
    display: block;
    float: none;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-buttons div, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-buttons div {
  background: none;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 0;
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-prev, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-prev {
  background: none;
  position: absolute;
  left: 0;
  top: 40%;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-prev:before, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-prev:before, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-prev, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-prev {
    left: -10px;
    top: 40%;
  }
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-next, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-next {
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: none;
  position: absolute;
  top: 40%;
  right: 0;
}
.node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-next:before, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-next:before, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .owl-carousel .owl-controls .owl-next, .node-type-marques .content .la-gamme-local .swiper-wrapper .owl-controls .owl-next {
    right: -10px;
    top: 40%;
  }
}
.node-type-marques .content .marque-strategique {
  position: relative;
}
.node-type-marques .content .marque-strategique .marque-strategique-header {
  z-index: 1;
  position: relative;
  /* Capability background-img-opts is prefixed with -moz because 0.14306% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -moz context. */
  -moz-background-clip: padding;
  /* Capability background-img-opts is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
  /* Capability background-img-opts is prefixed with -webkit because 1.11224% of users need it which is more than the threshold of 0.01%. */
  /* Creating new -webkit context. */
  -webkit-background-clip: padding;
  background-clip: padding-box;
  min-height: 1350px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header {
    min-height: initial;
    /* Capability background-img-opts is prefixed with -moz because 0.14306% of users need it which is more than the threshold of 0.01%. */
    /* Creating new -moz context. */
    -moz-background-clip: padding;
    /* Capability background-img-opts is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
    /* Capability background-img-opts is prefixed with -webkit because 1.11224% of users need it which is more than the threshold of 0.01%. */
    /* Creating new -webkit context. */
    -webkit-background-clip: padding;
    background-clip: padding-box;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container {
  position: relative;
  padding-top: 184px;
  min-height: 396px;
  padding-bottom: 40px;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container {
    padding: 20px 0 0 0;
    min-height: inherit;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header {
  padding-right: 40px;
  width: 71.42857%;
  min-height: 410px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header {
    padding: 0 0 0 15px;
      min-height: auto;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 18px;
  line-height: 1em;
  position: relative;
  z-index: 120;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .marque-strategisue-logo {
  position: relative;
  z-index: 1;
  padding-top: 0;
  display: inline-block;
  vertical-align: middle;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .marque-strategisue-logo .field--name-field-logo-marque img {
  max-height: 130px;
  max-width: 500px;
  width: auto;
}

@media (max-width: 1023px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .marque-strategisue-logo .field--name-field-logo-marque img {
    max-width: 90%;
  }
}

.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .titre-marque-startegique {
  color: #fff;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .titre-marque-startegique h1 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 100;
  text-indent: -9999px;
  line-height: 1;
  margin-left: 10px;
  display: inline-block;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .titre-logo-marque-startegique .titre-marque-startegique h1 {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .description-marque-strategique {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .description-marque-strategique p {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 100;
  color: white;
  line-height: 1.2em;
  width: 86%;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .marque-texte-header .description-marque-strategique p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5em;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .image-background-strategique {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .image-background-strategique {
    display: none;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique {
  position: relative;
  z-index: 1;
  display: block;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique .site-externe-strategique {
  position: relative;
  margin-top: 5px;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span {
  display: block;
  float: left;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique {
  width: 62%;
  padding-top: 0;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  padding: 3px 0 0 15px !important;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul li {
  margin: 0 13px !important;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .icon {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: normal;
  padding: 0;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-twitter::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-google-plus::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: normal;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-facebook::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-vimeo::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-youtube-play::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-instagram::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique .social-links ul .fa-pinterest::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
}
@media (min-width: 720px) and (max-width: 960px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique span.liens-partage-marque-strategique {
    padding-top: 10px;
    width: 80%;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-background-container .liens-marques-strategique {
    display: none;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture {
  background-color: #000;
  max-width: 1920px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture img {
  display: block;
  width: 100%;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .image-texture {
    display: none;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .marque_text_url_link_wrapper {
  padding-left: 40px;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .marque_text_url_link {
  position: absolute;
  top: 50%;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: translateY(-50%);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: translateY(-50%);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture p.marque_txt_url {
  display: inline-block;
  color: #fffbd8;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .field--name-field-site-externe {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 0 20px;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .field--name-field-site-externe a {
  position: relative;
  color: transparent;
  border-radius: 100%;
  -moz-border-radius: 100%;
  width: 37px;
  height: 37px;
  border: 1px solid #ecffff;
  display: block;
  overflow: hidden;
  font-weight: bold;
  font-size: 1.4rem;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .field--name-field-site-externe a:after {
  content: '?';
  color: #fffbd8;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .image-texture .field--name-field-site-externe a:hover {
  opacity: 0.7;
}
.node-type-marques .content .marque-strategique .marque-strategique-header .la-gamme-mobile {
  display: none;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .la-gamme-mobile {
    display: block;
    position: absolute;
    top: 30px;
    width: 26.08696%;
    z-index: 25;
    right: 14px;
    text-align: center;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .marque-strategique-header .la-gamme-mobile .view-gammes-marque-strat-gique .views-row img {
    max-height: 350px;
    width: auto;
  }
}
.node-type-marques .content .marque-strategique .marque-strategique-header .la-gamme-mobile .swiper-button-next, .node-type-marques .content .marque-strategique .marque-strategique-header .la-gamme-mobile .swiper-button-prev {
  display: none;
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique {
  min-height: 580px;
  padding: 60px 40px 0;
  position: relative;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique {
    background: #fff;
    min-height: inherit;
    padding: 20px 0 1px 0;
    /* Capability background-img-opts is prefixed with -moz because 0.14306% of users need it which is more than the threshold of 0.01%. */
    /* Creating new -moz context. */
    -moz-background-clip: padding;
    /* Capability background-img-opts is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.01. */
    /* Capability background-img-opts is prefixed with -webkit because 1.11224% of users need it which is more than the threshold of 0.01%. */
    /* Creating new -webkit context. */
    -webkit-background-clip: padding;
    background-clip: padding-box;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique {
    min-height: 500px;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme-descktop {
  display: none;
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme {
  width: 56.07143%;
  margin-right: 0;
  padding-right: 0;
  float: left;
  position: relative;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme {
    width: 100%;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme a:hover {
  text-decoration: underline;
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1em;
  margin-bottom: 28px;
  font-style: normal;
  max-width: 70%;
  display: block;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme h2 {
    padding-left: 15px;
    display: inline-block;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-bottom: 16px;
    z-index: 3;
    position: relative;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme h2 {
    margin-bottom: 0;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique {
  position: relative;
  width: 662px;
  top: 0;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique {
    width: 570px;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique {
    position: inherit;
    width: 100%;
    padding-left: 15px;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-container {
  z-index: auto;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-container {
    overflow: initial;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 100px 0;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-slide {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -ms-flex: 0 1 100%;
  float: none;
  padding-right: 0;
  padding-left: 60px;
  padding-top: 0;
  padding-bottom: 50px;
  z-index: 999;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl {
    padding: 0;
    max-width: 65%;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl .views-field-field-titre-gamme {
  color: white;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl .views-field-field-titre-gamme {
    display: none;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl span {
    color: #626262 !important;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 18px;
  }

  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl a {
    color: #023466;
    font-weight: 400;
  }

  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl a span {
    color: inherit !important;
    font-weight: 400;
  }
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl a:not(.pr-click-to-buy-button) {
    display: none;
  }

  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .left-owl p a {
    display: inline;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .views-field-field-image-gamme {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 66%;
  flex-basis: 66%;
  -ms-flex: 0 1 66%;
  position: relative;
  margin-left: 15px;
  max-width: 180px;
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .views-field-field-image-gamme img {
  max-height: 300px;
  width: auto;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .views-field-field-image-gamme {
    display: none;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev,
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next {
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: translateY(-50%);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: translateY(-50%);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  z-index: 101;
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev {
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: none;
  left: -15px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev {
    top: 16vh;
    right: 28vw;
    left: inherit;
  }
}
@media (max-width: 320px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev {
    top: 9vh;
    right: 24vw;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next {
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: none;
  right: 58px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next {
    top: 16vh;
    right: 2vw;
  }
}
@media (max-width: 320px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next {
    top: 9vh;
    right: 2vw;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .la-gamme .view-gammes-marque-strat-gique .swiper-button-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .image-principal-strategique {
  width: 42.85714%;
  text-align: center;
  position: absolute;
  top: -514px;
  right: 20px;
  z-index: 100;
}
@media (max-width: 720px) {
  .node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .image-principal-strategique {
    display: none;
  }
}
.node-type-marques .content .marque-strategique .couleur-arriere-plan-strategique .image-principal-strategique .field__items .field__item img {
  max-height: 1280px;
  width: auto;
}

/******** map marchÔö£┬« */
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .marque-strategique-body {
    padding: 0;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux {
  position: relative;
  padding-top: 110px;
  border-bottom: 1px solid #ececec;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux {
    width: 100%;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux .map-marche-principaux {
  width: auto;
  margin-right: 0;
  margin-top: 40px;
  float: none;
  text-align: center;
  /*@include breakpoint(mobile) {
    width: 100%;
    padding: 0 15px;
  }*/
        /*.field--name-field-map-marches-principaux {

          @include breakpoint(mobile) {
            display: none;
          }

        }*/
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .map-marche-principaux {
    text-align: left;
    margin-left: 15px;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux .image-marche-principaux {
  width: 75%;
  padding-top: 0;
  float: right;
  text-align: right;
  margin-right: 40px;
}
.node-type-marques .marque-strategique-body .marches-principaux .image-marche-principaux img {
  display: block;
  float: right;
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .image-marche-principaux {
    display: none;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux .marches-principaux-cta {
  text-align: center;
  margin-bottom: 60px;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques .marque-strategique-body .marches-principaux .marches-principaux-cta {
    margin-bottom: 40px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node-type-marques .marque-strategique-body .marches-principaux .marches-principaux-cta {
    margin-bottom: 30px;
  }
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .marches-principaux-cta {
    display: none;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux {
  margin-left: 40px;
  margin-top: 8%;
  float: left;
  width: 17%;
  /*position: absolute;
  left: 40px;
  bottom: 115px;
  @include breakpoint(tablet) {
    bottom: 20px;
  }*/
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux {
    margin-left: 0;
    margin-top: 0;
  }
}
.node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux ol li {
  counter-increment: count-me;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
.node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux ol li:before {
  content: counter(count-me) ". ";
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -1.3em;
  top: .05em;
  font-weight: 300;
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux ol li {
    float: left;
    width: 100%;
    font-size: 14px !important;
  }
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux .description-marches-principaux {
    position: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 720px) {
  .node-type-marques .marque-strategique-body .marches-principaux {
    padding-top: 35px;
    border-bottom: none;
    padding-top: 0;
  }
}

/****** info marque startegique*/
/*.ie9.node-type-marques{  .info-marque-startegique {


    .info-en-bref {


      .field-collection-container {
        border: none;

        @include breakpoint(mobile) {
          // responsive bloc
          padding: 0 30px;
        }

        .field__items {
              width: 100%;
              display: table;
  .field__item {



            .content {
                 display: table;

            }

            .field-collection-view.first-element-info {
              text-align: left;
              padding: 38px 30px 38px;
              width: 100%;







            }

            .field-collection-view {


  display:table-cell !important;


              }




          }
        }

      }

  }
}
    }*/
.node-type-marques .info-marque-startegique {
  margin: 60px 0;
  /**************** actualites marque */
  /***** controle owl carrossel */
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique {
    padding: 0;
    margin: -2px 0 0 0;
    z-index: 3;
    position: relative;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref {
  float: left;
  width: 46.42857%;
  margin-right: 7.14286%;
  /***** controle owl carrossel */
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref h2 {
    padding-left: 0;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container {
  border: none;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container {
    padding: 0 22px;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .slider-item {
  display: inherit;
  width: 100%;
  margin: 0 5px;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item {
  padding-bottom: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item {
    padding-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -ms-flex: 0 0 auto;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info {
  text-align: left;
  padding: 38px 30px 38px;
  width: 100%;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info {
    padding: 20px;
    text-align: left;
    min-height: inherit;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info .field--name-field-titre-information {
  vertical-align: middle;
  white-space: nowrap;
  display: table-cell;
  padding-right: 8px;
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info .field--name-field-titre-information {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    margin-right: 30px;
  }
}
@media (max-width: 320px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info .field--name-field-titre-information {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info .field--name-field-informations {
  padding-left: 30px;
  vertical-align: middle;
  display: table-cell;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view.first-element-info .field--name-field-informations {
    padding-left: 0;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
  min-height: 170px;
  position: relative;
  margin: 0;
  padding: 25px 15px;
  text-align: center;
  height: 100% !important;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  /***** contenu box */
}
.ie9 .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
  width: 100% !important;
  display: table-cell !important;
}
.ie10 .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
  width: 100%;
  display: inline-block !important;
}
@media (min-width: 720px) and (max-width: 960px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
    padding: 25px 10px;
  }
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
    width: 100%;
    padding: 20px 10px;
    text-align: left;
    min-height: inherit;
  }
}
@media (max-width: 320px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view {
    padding: 10px;
    text-align: center;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view:before {
  content: " ";
  position: absolute;
  left: 6px;
  bottom: -7px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 27px;
  background: #756969;
  z-index: -1;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view:after {
  content: " ";
  position: absolute;
  right: 7px;
  top: -6px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 27px;
  background: #756969;
  z-index: -1;
  display: block;
  visibility: visible;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view .field--name-field-titre-information {
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: normal;
  font-family: 'Monoton';
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  width: 100%;
  word-wrap: break-word;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view .field--name-field-titre-information {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    white-space: nowrap;
    padding-right: 8px;
    display: table-cell;
    width: auto !important;
  }
}
@media (max-width: 320px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view .field--name-field-titre-information {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    padding-right: 5px;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view .field--name-field-informations {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: normal;
  color: #626262;
  text-align: center;
  line-height: 1.2em;
  vertical-align: middle;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item .field-collection-view .field--name-field-informations {
    display: table-cell;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__items .field__item:first-child {
  width: 100%;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .full-item .field--name-field-titre-information {
  width: auto !important;
  white-space: nowrap;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item:first-child {
  width: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item:first-child .field-collection-view {
  height: auto;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item:first-child .field-collection-view .field--name-field-titre-information {
  width: auto !important;
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item:not(:first-child) {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  flex-basis: 0%;
  -ms-flex: 1 1 0%;
  min-width: 25%;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item:not(:first-child) {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -ms-flex: 0 0 auto;
    min-width: 0;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item {
  margin-right: 0.96154%;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container .field__item {
    margin: 0;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .field-collection-container {
    width: 100%;
  }
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 0 15px;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls {
  margin: 0;
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-buttons div {
  background: none;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 0;
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-prev {
  background: none;
  position: absolute;
  left: -35px;
  top: 30%;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-next {
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: none;
  position: absolute;
  top: 30%;
  right: -41px;
}
.node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .info-en-bref .owl-controls .owl-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique {
  float: left;
  width: 46.42857%;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique h2 {
    padding-left: 0;
  }
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content {
    padding: 0px 22px;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row {
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  margin-top: 5px;
  overflow: hidden;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .views-field-created {
  color: #626262;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .views-field-field-image-teaser {
  float: left;
  width: 30.76923%;
  margin-right: 3.26923%;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .views-field-field-image-teaser {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .views-field-field-image-teaser a, .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .views-field-field-image-teaser img {
  display: block;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites {
  width: 64.03846%;
  float: left;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  padding-top: 12px;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites .views-field-title {
  margin-bottom: 15px;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites .views-field-title a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites .views-field-title a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 12px 12px 0 12px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row .content-actualites .views-field-field-titre-du-lien {
    display: none;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row:first-child {
  margin-top: 0;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .view-content .views-row {
    background: white;
    min-height: 260px;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique .all-news-marque-link {
  margin-top: 30px;
  border-top: 1px solid #e2d9c7;
  border-bottom: 1px solid #e2d9c7;
  padding: 6px 0;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique .all-news-marque-link {
    margin: 19px 22px 0;
  }
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique a em {
  font-style: normal;
}
.node-type-marques .info-marque-startegique .actualite-marque-strategique a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .actualite-marque-strategique {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 15px 15px 20px 15px;
    background: #f8f8f6;
  }
}
.node-type-marques .info-marque-startegique .slider-item {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.node-type-marques .info-marque-startegique .owl-wrapper {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.node-type-marques .info-marque-startegique .owl-controls {
  margin: 0;
}
.node-type-marques .info-marque-startegique .owl-controls .owl-buttons div {
  background: none;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 0;
}
.node-type-marques .info-marque-startegique .owl-controls .owl-prev {
  background: none;
  position: absolute;
  left: -1.4%;
  top: 47%;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.node-type-marques .info-marque-startegique .owl-controls .owl-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .owl-controls .owl-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node-type-marques .info-marque-startegique .owl-controls .owl-next {
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background: none;
  position: absolute;
  top: 47%;
  right: -3.5%;
}
.node-type-marques .info-marque-startegique .owl-controls .owl-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .info-marque-startegique .owl-controls .owl-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}

/******** brainding bottom */
.node-type-marques .branding-container {
  margin-bottom: 80px;
}
.node-type-marques .branding-container .branding-image {
  width: 67.85714%;
  margin-right: 3.57143%;
  float: left;
}
.node-type-marques .branding-container .branding-texte {
  min-height: 380px;
  display: table;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  width: 28.57143%;
  float: left;
}
.node-type-marques .branding-container .branding-texte .field--name-field-branding-texte {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node-type-marques .branding-container .branding-texte .field--name-field-branding-texte {
    vertical-align: top;
  }
}
.node-type-marques .branding-container .branding-texte a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.node-type-marques .branding-container .branding-texte a:hover {
  text-decoration: underline;
}
.node-type-marques .branding-container .branding-texte a span:hover {
  text-decoration: underline;
}
.node-type-marques .branding-container .branding-texte h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 15px;
}
@media (max-width: 720px) {
  .node-type-marques .branding-container {
    display: none;
  }
}

/******** Histoire bottom */
.histoire-marque-strategique {
  position: relative;
  padding: 60px 0 0 0;
}
@media (max-width: 720px) {
  .histoire-marque-strategique {
    padding: 16px 0 0 0;
  }
}
.histoire-marque-strategique h2 {
  text-align: center;
}
@media (max-width: 720px) {
  .histoire-marque-strategique h2 {
    /* 720px */
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.histoire-marque-strategique .histoire-marque-left {
  width: 53.57143%;
  float: left;
}
.histoire-marque-strategique .histoire-marque-left .views-row {
  position: relative;
}
.histoire-marque-strategique .histoire-marque-left .views-row .views-field-field-histoire-titre {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 32px 31px 31px;
  background: #a08c64;
  font-family: "Monoton", cursive;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: normal;
  color: white;
  line-height: 1em;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-left .views-row .views-field-field-histoire-titre {
    /* 640px */
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    padding: 15px;
    float: right;
    position: relative;
  }
}
@media (max-width: 320px) {
  .histoire-marque-strategique .histoire-marque-left .views-row .views-field-field-histoire-titre {
    /* 320px */
    padding: 15px;
    font-size: 32px;
    font-size: 2rem;
    font-weight: normal;
  }
}
.histoire-marque-strategique .histoire-marque-left .views-row img {
  display: block;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .histoire-marque-strategique .histoire-marque-left .views-row img {
    width: 100%;
  }
}
.histoire-marque-strategique .histoire-marque-left .swiper-button-prev, .histoire-marque-strategique .histoire-marque-left .swiper-button-next {
  display: none;
}
.histoire-marque-strategique .histoire-marque-right {
  width: 46.42857%;
  float: left;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right {
    float: right;
  }
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-container {
    padding-bottom: 44px;
  }
}
.histoire-marque-strategique .histoire-marque-right .swiper-button-prev {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.2s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: absolute;
  bottom: 0;
  left: 0;
  top: inherit;
  width: 60px;
  text-align: center;
  height: 60px;
  text-align: center;
}
.histoire-marque-strategique .histoire-marque-right .swiper-button-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 300;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: color 0.2s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 60px;
  margin-right: 5px;
  color: white;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-button-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 10px;
  }
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-button-prev {
    width: 50% !important;
    float: left;
    text-align: left;
  }
}
.histoire-marque-strategique .histoire-marque-right .swiper-button-next {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.2s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: absolute;
  bottom: 0;
  left: 60px;
  top: inherit;
  width: 60px;
  text-align: center;
  height: 60px;
  text-align: center;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-button-next {
    left: inherit;
    right: 0;
  }
}
.histoire-marque-strategique .histoire-marque-right .swiper-button-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 300;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: color 0.2s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-right: 5px;
  color: white;
  line-height: 60px;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-button-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 10px;
  }
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .swiper-button-next {
    width: 50% !important;
    float: right;
    text-align: right;
  }
}
.histoire-marque-strategique .histoire-marque-right .views-field-field-description-hist-slideshow {
  display: none;
  padding: 40px 40px 30px 40px;
  float: left;
  width: 100%;
}
@media (min-width: 320px) and (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .views-field-field-description-hist-slideshow {
    display: none;
    width: 100%;
    float: left;
    margin-top: 100px;
    padding: 30px;
    background: inherit;
  }
}
@media (max-width: 320px) {
  .histoire-marque-strategique .histoire-marque-right .views-field-field-description-hist-slideshow {
    margin-top: 62px;
    padding: 20px;
  }
}
.histoire-marque-strategique .histoire-marque-right .histoire-description-desktop {
  background: #000;
}
@media (min-width: 320px) and (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .histoire-description-desktop {
    display: none;
  }
}
.histoire-marque-strategique .histoire-marque-right .histoire-description-desktop .views-field-field-description-hist-slideshow {
  display: block;
}
.histoire-marque-strategique .histoire-marque-right .histoire-description-desktop .swiper-button-prev, .histoire-marque-strategique .histoire-marque-right .histoire-description-desktop .swiper-button-next {
  display: none;
}
.histoire-marque-strategique .histoire-marque-right .histoire-description-mobile {
  display: none;
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .histoire-description-mobile {
    display: block;
  }
}
.histoire-marque-strategique .histoire-marque-right .histoire-description-mobile .views-field-field-description-hist-slideshow {
  display: block;
  background-color: inherit !important;
}
.histoire-marque-strategique .histoire-marque-right .views-field-field-image-histoire-slideshow {
  text-align: right;
  overflow: hidden;
}
.histoire-marque-strategique .histoire-marque-right .views-field-field-image-histoire-slideshow img {
  display: block;
  float: none;
  margin: 0 auto;
}
@media (max-width: 320px) {
  .histoire-marque-strategique .histoire-marque-right .views-field-field-image-histoire-slideshow img {
    height: 104px;
  }
}
@media (max-width: 720px) {
  .histoire-marque-strategique .histoire-marque-right .views-field-field-image-histoire-slideshow img {
    height: 143px;
  }
}

.histoire-description-mobile .swiper-button-prev, .histoire-description-mobile .swiper-button-next {
  display: none;
}

.footer-marque-strategique .visite-des-lieux {
  margin: 50px 0;
  display: inline-block;
}
@media (max-width: 720px) {
  .footer-marque-strategique .visite-des-lieux a {
    display: block;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .footer-marque-strategique .visite-des-lieux {
    margin: 0 0 4px;
  }
}
.footer-marque-strategique .telecharger-fiche {
  margin: 40px 20px 40px 0;
  display: inline-block;
}
@media (min-width: 320px) and (max-width: 720px) {
  .footer-marque-strategique .telecharger-fiche a {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    display: block;
  }
}
.footer-marque-strategique .telecharger-fiche a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
@media (max-width: 720px) {
  .footer-marque-strategique .telecharger-fiche {
    margin: 0 0 30px 0;
    display: none;
  }
}
.footer-marque-strategique .telecharger-fiche-mobile {
  margin: 40px 20px 40px 0;
  display: none;
}
@media (max-width: 720px) {
  .footer-marque-strategique .telecharger-fiche-mobile a {
    margin: 0;
  }
}
.footer-marque-strategique .telecharger-fiche-mobile a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
@media (max-width: 720px) {
  .footer-marque-strategique .telecharger-fiche-mobile {
    margin: 0 0 30px 0;
    display: block;
  }
}
@media (max-width: 720px) {
  .footer-marque-strategique {
    text-align: center;
    padding: 20px 30px 15px;
  }
}

.histoire-description-mobile {
  float: left;
  width: 100%;
  display: none;
}
@media (min-width: 320px) and (max-width: 720px) {
  .histoire-description-mobile {
    display: block;
  }
}
.histoire-description-mobile .views-field-field-description-hist-slideshow {
  padding: 4.6875%;
}
.histoire-description-mobile .views-field-field-description-hist-slideshow .owl-wrapper {
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 720px) {
  .histoire-description-mobile .views-field-field-description-hist-slideshow {
    background-color: inherit;
  }
}
@media (max-width: 720px) {
  .histoire-description-mobile .views-field-field-description-hist-slideshow p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}

@media (max-width: 720px) {
  .liens-marques-strategique.mobile.show-mob {
    display: block;
  }
}
.liens-marques-strategique.mobile {
  display: none;
  position: relative;
  z-index: 1;
  padding: 35px 30px 20px;
  text-align: center;
}
.liens-marques-strategique.mobile .site-externe-strategique {
  position: relative;
  margin-top: 5px;
  display: inline-block;
}
.liens-marques-strategique.mobile span {
  display: block;
}
.liens-marques-strategique.mobile span.liens-partage-marque-strategique {
  padding-top: 25px;
}
@media (max-width: 720px) {
  .liens-marques-strategique.mobile span.liens-partage-marque-strategique {
    padding-top: 8px;
  }
}
.liens-marques-strategique.mobile span.liens-partage-marque-strategique .social-links ul {
  overflow: hidden;
  text-align: center;
}
.liens-marques-strategique.mobile span.liens-partage-marque-strategique .social-links ul > li {
  display: inline-block;
  float: none !important;
  margin: 5px 7px !important;
}
.liens-marques-strategique.mobile span.liens-partage-marque-strategique .social-links ul > li .icon {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: normal;
  padding: 8px 12px;
}
@media (max-width: 720px) {
  .liens-marques-strategique.mobile span.liens-partage-marque-strategique .social-links ul > li .icon {
    padding: 8px 0px 0;
  }
}
@media (max-width: 720px) {
  .liens-marques-strategique.mobile {
    padding: 15px 30px 5px;
  }
}

.liens-marques.mobile {
  padding: 40px 30px 20px;
  display: none;
  position: relative;
  z-index: 1;
  text-align: center;
}
.liens-marques.mobile .site-externe {
  position: relative;
  margin-top: 5px;
  display: block;
}
.liens-marques.mobile span {
  display: inline-block;
}
.liens-marques.mobile span.liens-partage-marque {
  padding-top: 30px;
}
@media (max-width: 720px) {
  .liens-marques.mobile span.liens-partage-marque {
    padding-top: 8px;
  }
}
.liens-marques.mobile span.liens-partage-marque .social-links ul {
  overflow: hidden;
  text-align: center;
}
.liens-marques.mobile span.liens-partage-marque .social-links ul > li {
  display: inline-block;
  float: none !important;
}
.liens-marques.mobile span.liens-partage-marque .social-links ul > li .icon {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: normal;
  padding: 8px 12px;
}
@media (max-width: 720px) {
  .liens-marques.mobile span.liens-partage-marque .social-links ul > li .icon {
    padding: 8px 8px 0;
  }
}
@media (max-width: 720px) {
  .liens-marques.mobile {
    display: block;
    padding: 15px 30px 5px;
  }
}

@media (min-width: 420px) and (max-width: 470px) {
  .marque-strategique-header .swiper-container .swiper-button-prev {
    top: 18vw !important;
    right: 28vw !important;
    left: inherit;
  }
  .marque-strategique-header .swiper-container .swiper-button-next {
    top: 18vw !important;
    right: 2.5vw !important;
    left: inherit;
  }
}
.no-slider .swiper-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  /*  display: flex;
    align-items: center;
    justify-content: center;*/
}

.view-gammes-marque-strat-gique .views-row:not(.swiper-slide-active) img {
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: translateX(-90px);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: translateX(-90px);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: translateX(-90px);
  transform: translateX(-90px);
}
@media (max-width: 720px) {
  .view-gammes-marque-strat-gique .views-row:not(.swiper-slide-active) img {
    /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -moz context. */
    -moz-transform: none;
    /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -ms context. */
    -ms-transform: none;
    /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -webkit context. */
    -webkit-transform: none;
    transform: none;
  }
}

.node-type-marques .content .la-gamme-local .swiper-slide .views-row .views-field-field-image-gamme {
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: translateX(-30px);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: translateX(-30px);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}
@media (max-width: 720px) {
  .node-type-marques .content .la-gamme-local .swiper-slide .views-row .views-field-field-image-gamme {
    /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -moz context. */
    -moz-transform: none;
    /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -ms context. */
    -ms-transform: none;
    /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -webkit context. */
    -webkit-transform: none;
    transform: none;
  }
}

.node-type-marques .la-gamme-local .swiper-button-prev {
  background: none;
  left: -14px;
}
@media (max-width: 720px) {
  .node-type-marques .la-gamme-local .swiper-button-prev {
    left: -12px;
  }
}
.node-type-marques .la-gamme-local .swiper-button-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .la-gamme-local .swiper-button-prev:before {
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
  }
}
.node-type-marques .la-gamme-local .swiper-button-next {
  background: none;
  right: 2px;
}
@media (max-width: 720px) {
  .node-type-marques .la-gamme-local .swiper-button-next {
    right: -4px;
  }
}
.node-type-marques .la-gamme-local .swiper-button-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
}
@media (max-width: 720px) {
  .node-type-marques .la-gamme-local .swiper-button-next:before {
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
  }
}

.body-pr-ls.node-type-marques .marque-strategique-body .marches-principaux {
  display: none;
}

.page-brands-testimonials h1 {
  color: #30c7dc !important;
}

.liste-temoignages .view-empty {
  text-align: center;
  padding-bottom: 40px;
}

@media (max-width: 720px) {
  .page-our-talents-testimonials .views-field-field-poster-video, .page-brands-testimonials .views-field-field-poster-video {
    width: 40%;
    float: left;
  }
  .page-our-talents-testimonials .views-row .bas-box, .page-brands-testimonials .views-row .bas-box {
    width: 60% !important;
  }
}
.page-our-talents-testimonials .nav-close, .page-brands-testimonials .nav-close {
  position: relative;
  top: -5px;
}
.page-our-talents-testimonials h1, .page-brands-testimonials h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267c;
  letter-spacing: initial;
  line-height: 1em;
  margin-bottom: 28px;
  text-transform: capitalize;
}
@media (max-width: 720px) {
  .page-our-talents-testimonials h1, .page-brands-testimonials h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-top: 20px;
    padding: 0 15px;
  }
}
.page-our-talents-testimonials .btn-discover-our-jobs, .page-brands-testimonials .btn-discover-our-jobs {
  float: right;
  display: inline-block;
  padding: 6px 16px;
  position: relative;
  top: 5px;
}
@media (max-width: 720px) {
  .page-our-talents-testimonials .btn-discover-our-jobs, .page-brands-testimonials .btn-discover-our-jobs {
    float: left;
    top: 0px;
  }
}
.page-our-talents-testimonials .wrap-filter-actualites .filter-on, .page-brands-testimonials .wrap-filter-actualites .filter-on {
  float: left;
}
@media (max-width: 720px) {
  .page-our-talents-testimonials .wrap-filter-actualites .filter-on, .page-brands-testimonials .wrap-filter-actualites .filter-on {
    float: right;
  }
}
@media (max-width: 720px) {
  .page-our-talents-testimonials .filtres-checkbox-collabsible .btn-discover-our-jobs, .page-brands-testimonials .filtres-checkbox-collabsible .btn-discover-our-jobs {
    display: none;
  }
}
.page-our-talents-testimonials .discover-our-jobs-mobile, .page-brands-testimonials .discover-our-jobs-mobile {
  display: none;
  padding: 0 15px;
  position: relative;
  bottom: -15px;
  text-align: center;
}
@media (max-width: 720px) {
  .page-our-talents-testimonials .discover-our-jobs-mobile, .page-brands-testimonials .discover-our-jobs-mobile {
    display: block !important;
  }
}
@media (max-width: 720px) {
  .page-our-talents-testimonials .discover-our-jobs-mobile > .btn-discover-our-jobs, .page-brands-testimonials .discover-our-jobs-mobile > .btn-discover-our-jobs {
    float: none;
    display: inline-block !important;
  }
}
.page-our-talents-testimonials .block--block-40, .page-brands-testimonials .block--block-40 {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
}
.page-our-talents-testimonials .block--block-40 a, .page-brands-testimonials .block--block-40 a {
  display: inline-block;
}

.liste-temoignages {
  background: #f8f8f6;
  padding-top: 40px;
}
@media (max-width: 720px) {
  .liste-temoignages {
    margin: 30px 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 720px) {
  .liste-temoignages .view-content {
    width: 100%;
    padding: 0;
  }
}
.liste-temoignages .view-content .views-row {
  position: relative;
  padding-bottom: 30px;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video {
  width: 100%;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  height: 0;
  width: 0;
  height: auto;
  overflow: initial;
  position: relative;
  width: auto;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video a::before {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 100%;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 100%;
  border-radius: 100%;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.3s, border-color 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
  background: #023466;
  border: 1px solid #023466;
  bottom: 0;
  content: '';
  cursor: pointer;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 0;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video a::after {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: border 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "󩁁";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 18px;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video a:hover::before {
  background: #fff;
  border-color: #023466;
}
.liste-temoignages .view-content .views-row .views-field-field-poster-video a:hover::after {
  color: #023466;
}
@media (max-width: 720px) {
  .liste-temoignages .view-content .views-row .views-field-field-poster-video a::before {
    border-width: 1px;
    height: 60px;
    width: 60px;
  }
  .liste-temoignages .view-content .views-row .views-field-field-poster-video a::after {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    left: 5px;
    height: 18px;
    width: 10px;
  }
}
.liste-temoignages .view-content .views-row .bas-box a {
  color: #56267c;
}
.liste-temoignages .view-content .views-row .bas-box .views-field-nothing {
  position: absolute;
  bottom: 10px;
}
.liste-temoignages .view-content .views-row .bas-box .views-field-nothing a {
  color: #023466;
}
.liste-temoignages .view-content .views-row .bas-box .views-field-field-ref-metier, .liste-temoignages .view-content .views-row .bas-box .views-field-title-field {
  background: #009586;
}
.liste-temoignages .more-link {
  background: #f8f8f6;
  padding: 25px 40px 0 40px;
  text-align: center;
}
@media (max-width: 720px) {
  .liste-temoignages .more-link {
    padding: 5px 0;
    margin: 0;
    text-align: left;
    border-top: 1px solid #e2d9c7;
    border-bottom: 1px solid #e2d9c7;
    margin-top: 20px;
  }
}
@media (max-width: 720px) {
  .liste-temoignages .more-link a {
    background: none;
    color: #023466;
    border-radius: 0;
    padding-left: 0;
  }
  .liste-temoignages .more-link a:hover {
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    background: inherit;
    text-decoration: underline;
  }
}

.block-temoignages {
  padding: 25px 0 65px;
  margin: 40px 0 0;
  background: #f8f8f6;
}
.block-temoignages h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #30c7dc;
  letter-spacing: initial;
  line-height: initial;
  line-height: normal;
  /*ie*/
  margin-top: 21px;
  margin-bottom: 0px;
  text-align: center;
}
@media (max-width: 720px) {
  .block-temoignages h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 0;
    margin: 0;
    text-align: left;
  }
}
.block-temoignages .view-footer {
  text-align: center;
}
@media (max-width: 720px) {
  .block-temoignages .view-footer {
    margin-top: 40px;
  }
}
@media (max-width: 720px) {
  .block-temoignages .view-footer a {
    background: none;
    color: #023466;
    border-top: 1px solid #e2d9c7;
    border-bottom: 1px solid #e2d9c7;
    border-radius: 0;
    padding-left: 0;
  }
  .block-temoignages .view-footer a:hover {
    border-top: 1px solid #e2d9c7;
    border-bottom: 1px solid #e2d9c7;
    border-left: none;
    border-right: none;
    background: inherit;
    text-decoration: underline;
    color: #034e98;
  }
}
.block-temoignages.temoignage-talents {
  padding: 0;
}
@media (max-width: 720px) {
  .block-temoignages.temoignage-talents {
    padding: 0px 15px;
  }
}
@media (max-width: 720px) {
  .block-temoignages.temoignage-talents .liste-temoignages {
    margin: 20px 0;
  }
}
.block-temoignages.temoignage-talents .liste-temoignages .views-field-field-filliale, .block-temoignages.temoignage-talents .liste-temoignages .views-field-title {
  color: #56267c;
}
.block-temoignages.temoignage-talents.block-liste-owl-mobile .owl-carousel .owl-controls .owl-prev {
  left: -30px;
}
.block-temoignages.temoignage-talents .block__content .view-content .views-field-field-ref-metier {
  padding: 0;
}
.block-temoignages.temoignage-talents .block__content .view-content .views-field-field-ref-metier a {
  padding: 5px;
  display: block;
}

.field--name-field-lien-bouton {
  text-align: center;
  margin-top: 25px;
}
@media (max-width: 720px) {
  .field--name-field-lien-bouton {
    margin-top: 5px;
  }
}
.field--name-field-lien-bouton a {
  display: inline-block;
}
.field--name-field-lien-bouton a.external::after {
  display: inline-block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  margin-left: 8px;
  position: relative;
  top: 1px;
  font-size: 17px;
}

@media (max-width: 720px) {
  .page-brands-testimonials .liste-temoignages {
    margin: 20px 0 0;
  }
}
.page-brands-testimonials .liste-temoignages .views-field-colorbox, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 30px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
@media (min-width: 720px) and (max-width: 960px) {
  .page-brands-testimonials .liste-temoignages .views-field-colorbox, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee {
    padding: 0 3%;
  }
}
@media (max-width: 720px) {
  .page-brands-testimonials .liste-temoignages .views-field-colorbox, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
    padding: 0 10px;
  }
}
.page-brands-testimonials .liste-temoignages .views-field-colorbox a, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1 a, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee a {
  color: #30c7dc;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
.page-brands-testimonials .liste-temoignages .views-field-colorbox a:hover, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1 a:hover, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .page-brands-testimonials .liste-temoignages .views-field-colorbox a, .page-brands-testimonials .liste-temoignages .views-field-colorbox-1 a, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee a {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
.page-brands-testimonials .liste-temoignages .views-field-field-filliale a, .page-brands-testimonials .liste-temoignages .views-field-title a, .page-brands-testimonials .liste-temoignages .views-field-field-fonction-occupee a {
  color: #30c7dc !important;
}

body {
  overflow-x: hidden;
}

.panorama-video-wrapper .panorama-video-container {
  width: 100%;
  padding: 0 20px;
  margin: auto;
  padding-bottom: 42%;
  background-image: url(images/main-mobile-2.png);
  background-repeat: no-repeat;
  background-size: 91%;
  background-position: center;
  position: relative;
  height: 0;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content {
  position: absolute;
  min-height: 61%;
  width: 45.4%;
  top: 50%;
  left: 63%;
  margin-left: -430px;
  margin-top: -144px;
}
@media (min-width: 720px) and (max-width: 960px) {
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content {
    margin-left: -366px;
    margin-top: -126px;
    min-height: 64%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content {
    margin-left: -366px;
    margin-top: -123px;
    min-height: 64%;
  }
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .legend {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  position: absolute;
  color: #023467;
  width: 35%;
  text-align: center;
  line-height: 1;
  left: 50%;
  top: 50%;
  margin-top: 44px;
  margin-left: 43px;
}
@media (min-width: 720px) and (max-width: 960px) {
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content .legend {
    width: 34%;
    margin-top: 38px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content .legend {
    width: 41%;
    margin-top: 38px;
  }
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .legend span.nom {
  display: block;
  line-height: 22px;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .legend span.fonction {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #6b6464;
  line-height: 1;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play {
  height: 100px;
  width: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: 89px;
  margin-top: -71px;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  height: 0;
  width: 0;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::before {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 100%;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 100%;
  border-radius: 100%;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.3s, border-color 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
  background: #023466;
  border: 1px solid #023466;
  bottom: 0;
  content: '';
  cursor: pointer;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 0;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::after {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: border 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "󩁁";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  height: 18px;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main:hover::before {
  background: #fff;
  border-color: #023466;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main:hover::after {
  color: #023466;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::before {
  border-width: 2px;
  height: 120px;
  width: 120px;
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::after {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: normal;
  left: 10px;
  width: 20px;
  height: 36px;
}
@media (max-width: 720px) {
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::before {
    border-width: 1px;
    height: 60px;
    width: 60px;
  }
  .panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::after {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    left: 5px;
    height: 18px;
    width: 10px;
  }
}
.panorama-video-wrapper .panorama-video-container .panorama-video-container-content .play .icon-play-main::before {
  height: 100px;
  width: 100px;
}
.panorama-video-wrapper .panorama-video-container .duration {
  position: absolute;
  left: 3%;
  top: 6%;
  font-family: inherit !important;
  font-size: 1.3 !important;
  display: block;
  padding: 0;
  line-height: .3em !important;
}
.panorama-video-wrapper .panorama-video-container .duration::before {
  font-family: icomoon !important;
  font-size: 26px;
  float: left;
  margin-right: 5px;
}
.panorama-video-wrapper .panorama-video-container .duration .duration_time {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  float: left;
}
.panorama-video-wrapper .panorama-video-container .picto {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 100%;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 180px;
  height: 180px;
  position: absolute;
  left: 11%;
  top: 18%;
  overflow: hidden;
}
.panorama-video-wrapper .panorama-video-container .picto img {
  display: block;
  min-width: 100%;
  min-height: 100%;
}

.page-node-935 .node--gabarit-modulable .node--bloxck-modulable-infos-financiere,
.page-node-1221 .node--gabarit-modulable .node--block-modulable-infos-financiere {
  padding-top: 0;
}

.page-node-1028 .node--block-modulable-grand-visuel.template-vertical,
.page-node-1230 .node--block-modulable-grand-visuel.template-vertical {
  padding-top: 0;
}

.page-node-1028 .node--gabarit-modulable .node--block-modulable-col-links,
.page-node-1230 .node--gabarit-modulable .node--block-modulable-col-links {
  padding-bottom: 0;
}

.page-node-1354 .node--block-modulable-video-fonction,
.page-node-937 .node--block-modulable-video-fonction {
  margin-top: 0;
}

.node-type-gabarit-modulable .opportunities-header .breadcrumbs {
  margin-bottom: 0;
}
.node-type-gabarit-modulable .opportunities-header h1, .node-type-gabarit-modulable .opportunities-header .block__content {
  display: none;
}

.node--gabarit-modulable .node--block-modulable-block.views35943f0229b178e2d0f23a76ff672ef9 {
  background: #f8f8f6;
  padding: 60px 0;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-block.views35943f0229b178e2d0f23a76ff672ef9 {
    padding: 20px 0;
  }
}
.node--gabarit-modulable .node--block-modulable-block.views35943f0229b178e2d0f23a76ff672ef9 .field--name-field-lien-bouton a:after {
  display: none;
}
.node--gabarit-modulable .node__content .field--name-field-blocks-modulables.field--type-entityreference .field__items .field__item:first-child .node--block-modulable-block .content .field.field--name-title-field {
  margin-bottom: 0;
}
.node--gabarit-modulable .field--name-title-field.field--label-hidden {
  /*margin-bottom:0 !important ; */
}
.node--gabarit-modulable .field--name-field-blocks-modulables > .field__items > .field__item:last-child article {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .field--name-field-blocks-modulables > .field__items > .field__item:last-child article {
    display: block;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .field--name-field-liens {
    margin: 0 38px;
  }
}
.node--gabarit-modulable .field.field--name-body.field--type-text-with-summary p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  margin-top: 30px;
  line-height: 24px;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .field.field--name-body.field--type-text-with-summary p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    padding: 0 15px;
    margin: 15px 0 15px 0;
  }
}
.node--gabarit-modulable .field-collection-view, .node--gabarit-modulable .field-collection-container {
  padding: 0;
  border: none;
}
.node--gabarit-modulable .field.field--name-title-field, .node--gabarit-modulable .field.field--name-field-titre {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #023466;
  letter-spacing: normal;
  margin-top: 0;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .field.field--name-title-field, .node--gabarit-modulable .field.field--name-field-titre {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    padding: 0 15px;
  }
}
.node--gabarit-modulable .node--block-modulable-infos-financiere .field.field--name-title-field {
  padding: 0 0 20px 0;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-infos-financiere .field.field--name-title-field {
    padding: 0 0 20px 0;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .viewsdernieres-actualites-block-1 .field.field--name-title-field, .node--gabarit-modulable .viewsdernieres-actualites-block-2 .field.field--name-title-field {
    margin-bottom: 20px !important;
  }
}
.node--gabarit-modulable .node--block-modulable-block.viewsvisites-des-lieux-block-1 .field.field--name-title-field {
  margin-bottom: 5px !important;
}
.node--gabarit-modulable .field--name-body {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  color: #626262;
}
.node--gabarit-modulable .node--block-modulable-col-links,
.node--gabarit-modulable .node--block-modulable-locaux,
.node--gabarit-modulable .viewslast-events-block,
.node--gabarit-modulable .viewsvisites-des-lieux-block-1,
.node--gabarit-modulable .viewsdernier-t-oignages-block-1 {
  padding-top: 60px;
  padding-bottom: 4em;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-col-links,
  .node--gabarit-modulable .node--block-modulable-locaux,
  .node--gabarit-modulable .viewslast-events-block,
  .node--gabarit-modulable .viewsvisites-des-lieux-block-1,
  .node--gabarit-modulable .viewsdernier-t-oignages-block-1 {
    padding-top: 15px;
    padding-bottom: 20px;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .viewslast-events-block {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .viewslast-events-block .field--name-field-liens {
    margin: 0 30px;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-locaux header h2 {
    padding: 0 15px;
    margin-bottom: 18px;
    text-align: center;
  }
}
.node--gabarit-modulable .node--block-modulable-locaux .field--name-field-lien-bouton {
  text-align: center;
  margin-top: 50px;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-locaux .field--name-field-lien-bouton {
    margin-top: 25px;
  }
}
.node--gabarit-modulable .node--block-modulable-locaux .field--name-field-lien-bouton a {
  display: inline-block;
}
.node--gabarit-modulable .node--block-modulable-locaux .field--name-field-lien-bouton a:after {
  display: inline-block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.node--gabarit-modulable .node--block-modulable-chiffres-clefs,
.node--gabarit-modulable .viewslast-events-block,
.node--gabarit-modulable .node--block-modulable-infos-financiere,
.node--gabarit-modulable .viewsdernieres-actualites-block-1,
.node--gabarit-modulable .viewsdernieres-actualites-block-2,
.node--gabarit-modulable .node--block-modulable-contact-duo {
  padding-top: 60px;
  padding-bottom: 4em;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-chiffres-clefs,
  .node--gabarit-modulable .viewslast-events-block,
  .node--gabarit-modulable .node--block-modulable-infos-financiere,
  .node--gabarit-modulable .viewsdernieres-actualites-block-1,
  .node--gabarit-modulable .viewsdernieres-actualites-block-2,
  .node--gabarit-modulable .node--block-modulable-contact-duo {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.node--gabarit-modulable .node--block-modulable-chiffres-clefs {
  padding-top: 80px;
}
.node--gabarit-modulable .viewsdernieres-actualites-block-1, .node--gabarit-modulable .viewsdernieres-actualites-block-2 {
  padding-top: 20px !important;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .viewsdernieres-actualites-block-1, .node--gabarit-modulable .viewsdernieres-actualites-block-2 {
    padding-top: 20px !important;
  }
}
.node--gabarit-modulable .node--bloc-modulable-contact-duo {
  padding-top: 60px !important;
}
.node--gabarit-modulable .node--block-modulable-video-fonction header {
  display: none;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-chiffres-clefs .field--name-title-field {
    text-align: left;
    padding: 0 0 20px 0;
    text-align: center;
  }
}
.node--gabarit-modulable .node--block-modulable-infos-financiere header {
  display: none;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under {
    margin: 2em 0;
  }
}
.node--gabarit-modulable .node--block-modulable-3-colonnes {
  padding-bottom: 4em;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-3-colonnes {
    padding-bottom: 20px;
    padding-left: 22px;
    padding-right: 22px;
  }
}
.node--gabarit-modulable .node--block-modulable-3-colonnes h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #023466;
  letter-spacing: initial;
  line-height: 1;
  margin-top: 0;
  text-align: center;
  margin-bottom: 28px;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-3-colonnes h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-top: 0;
    padding: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-3-colonnes > header {
    padding-top: 0;
  }
}
.node--gabarit-modulable .node--block-modulable-3-colonnes .field--name-field-liens {
  padding-bottom: 0;
  border: none;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .node--gabarit-modulable .node--block-modulable-3-colonnes .field--name-field-liens {
    margin: 0px;
  }
}

.date-gabarit_modulable, .date-block_modulable_chiffres_clefs, .date-block_modulable_cta,
.date-block_modulable_citation, .date-block_modulable_colonnes_images,
.date-block_modulable_deux_colonnes, .date-block_modulable_grand_visuel,
.date-block_modulable_infos_financiere, .date-block_modulable_locaux,
.date-block_modulable_push_visuel {
  display: none;
}

.node--block-modulable-infos-financiere .custom_extrafield_6 {
  display: none;
}

.section-gabarit-modulable-complet .messages--error {
  display: none;
}
.section-gabarit-modulable-complet .node--block-modulable-colonnes-images header {
  display: none;
}
.section-gabarit-modulable-complet .node--block-modulable-grand-visuel .custom_extrafield_4 {
  display: none;
}
.section-gabarit-modulable-complet h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #ff5b09;
  letter-spacing: initial;
  line-height: 1;
  margin-bottom: 28px;
  text-transform: uppercase;
}
@media (max-width: 720px) {
  .section-gabarit-modulable-complet h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-top: 28px;
    padding: 0 30px;
  }
}
.section-gabarit-modulable-complet .breadcrumbs {
  background: #ffebac;
}
.section-gabarit-modulable-complet .breadcrumbs li a {
  color: #626262;
}
.section-gabarit-modulable-complet .breadcrumbs li:last-child span {
  color: #ff5b09 !important;
}

/*
 * Module Click to action
 */
.node--block-modulable-cta {
  margin-bottom: 1em;
  text-align: center;
}
.node--block-modulable-cta .cta-accroche {
  line-height: 1;
  font-size: 47px;
  font-size: 2.9375rem;
  font-weight: 100;
  letter-spacing: initial;
  color: #d97f8b;
  margin-bottom: 27px;
}
@media (max-width: 320px) {
  .node--block-modulable-cta .cta-accroche {
    font-size: 37px;
    font-size: 2.3125rem;
    font-weight: 100;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node--block-modulable-cta .cta-accroche {
    font-size: 40px;
    font-size: 2.5rem;
    font-weight: 100;
  }
}
.node--block-modulable-cta .field--name-field-cta-lien a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/*
 * Module Citation
 */
.node--block-modulable-citation {
  background: #30697a;
  padding: 0 40px;
  padding-top: 60px;
  padding-bottom: 60px;
  /*padding: cp(25, 1200) cp(120, 1200);
  padding-left: 125px; // Fixed size for quote image bg
  background: #30697a url("../../images/quotes-orange.png") no-repeat 2% 64%;
  background-size: 82px 65px;*/
  /*@include breakpoint(mobileonly) {
    background-position: 6.5% center;
    background-size: 88px 70px;
  }*/
  /*@media (max-width: 20em) {
    /!* 320px *!/
    background-size: 65px 54px;
    padding-left: 95px;
  }*/
}
@media (max-width: 720px) {
  .node--block-modulable-citation {
    padding: 0 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.node--block-modulable-citation > .node__content {
  position: relative;
  padding-left: 60px;
}
.node--block-modulable-citation > .node__content:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #E7AD1F;
  font-size: 60px;
  position: absolute;
  top: calc(50% - 5px);
  left: -30px;
}
.node--block-modulable-citation .field--name-field-citation-visuel-portrait img {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 50%;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 50%;
  border-radius: 50%;
  max-width: 70px;
  max-height: 70px;
  margin-bottom: 0.7em;
}
.node--block-modulable-citation .field--name-field-citation-citation p {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}
.node--block-modulable-citation .field--name-field-citation-names {
  color: #e7ad1f;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}
.node--block-modulable-citation .field--name-field-citation-fonction {
  color: #e7ad1f;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

/*
 * Module FORMAT 2 COLONNES
 */
.node--block-modulable-bg-bleu-colonnes {
  background-color: #023466;
  position: relative;
  padding-top: 48px;
  padding-bottom: 74px;
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
.node--block-modulable-bg-bleu-colonnes header h2 {
  color: #00adba;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  letter-spacing: initial;
  margin-bottom: 10px;
  line-height: 1;
}
.node--block-modulable-bg-bleu-colonnes header h2 a {
  color: #00adba;
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes header h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes .field.field--name-title-field {
    padding: 0 0 10px 0;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes > .node__content {
    padding: 0;
  }
}
.node--block-modulable-bg-bleu-colonnes .field--name-field-twocols-titre {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #ff5b09;
  letter-spacing: inherit;
  line-height: 52px;
  margin-bottom: 5px;
  min-height: 104px;
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes .field--name-field-twocols-titre {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    min-height: initial;
  }
}
.node--block-modulable-bg-bleu-colonnes .field-collection-view {
  padding: 0;
  margin: 0;
  border: none;
}
.node--block-modulable-bg-bleu-colonnes .field--name-field-twocols-description p {
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes .field--name-field-twocols-description p {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
.node--block-modulable-bg-bleu-colonnes .field--name-field-twocols-lien {
  margin-top: 25px;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field--name-title-field {
  display: block;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container {
  margin: 0;
  border: none;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item {
  width: 42.76786%;
  margin-right: 10.71429%;
  margin-bottom: 18px;
  float: left;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item {
    float: none;
    width: 100%;
    margin-bottom: 28px;
  }
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:only-child {
  float: none;
  width: 100%;
  margin-right: 0;
  text-align: center;
  margin-bottom: 0;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:only-child .field--name-field-twocols-lien {
  position: relative;
  line-height: inherit;
  bottom: inherit;
  margin-top: 30px;
}
.node--block-modulable-bg-bleu-colonnes .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:only-child .field--name-field-twocols-lien a {
  display: inline-block;
}

/**
 * Module Chiffres clés
 */
.node--block-modulable-chiffres-clefs .field-collection-container {
  border: none;
  margin-bottom: 0;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind {
  margin-top: 0.5rem;
  border-top: 1px solid #e5e8eb;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e8eb;
  padding-top: 1rem;
  padding-bottom: 1em;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #a9a9a9;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p a {
  color: #023466;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p a {
  margin-left: 21px;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-texte-behind p a {
    display: block;
    margin-top: 5px;
    margin-left: 0;
  }
}
.node--block-modulable-chiffres-clefs .field--name-title-field {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #ff5b09;
  letter-spacing: initial;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-title-field {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items {
    -webkit-box-pack: initial;
    -moz-box-pack: initial;
    -ms-flex-pack: initial;
    -webkit-justify-content: initial;
    justify-content: initial;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item {
  float: left;
  /*width: cp(250, 1120);
  margin-right: cp(40, 1120);*/
  width: 23%;
  margin-right: 2.5%;
  margin-bottom: 18px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  min-height: 250px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item {
    width: 48%;
    min-height: 220px;
    margin-bottom: 10px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item {
    min-height: 190px;
    width: 23%;
    margin-right: 2%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item {
    min-height: 200px;
    width: 23%;
    margin-right: 2%;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view {
  margin: 0;
  width: 100%;
  position: relative;
  border: 4px solid #ffebac;
  padding: 30px 10px;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  align-items: center;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view {
    min-height: 250px;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view:before {
  content: " ";
  position: absolute;
  left: 13px;
  bottom: -7px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #ff5b09;
  z-index: -1;
  display: block;
  visibility: visible;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view:after {
  content: " ";
  position: absolute;
  right: 14px;
  top: -6px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #ff5b09;
  z-index: -1;
  display: block;
  visibility: visible;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
  font-size: 65px;
  font-size: 4.0625rem;
  font-weight: normal;
  line-height: 60px;
  font-family: 'Monoton', cursive;
  color: #ff5b09;
  display: block;
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    line-height: 30px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: normal;
    line-height: 60px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: normal;
    line-height: 60px;
  }
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #626262;
  text-align: center;
  line-height: 22px;
  padding: 0;
}
.node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte p {
  margin: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte p {
    font-size: 14px;
    font-size: 0.875rem !important;
    line-height: 18px !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte span {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte {
    font-size: 14px;
    font-size: 0.875rem !important;
    line-height: 18px !important;
    padding: 0;
  }
}

/**
 * Module Push Visuel
 */
.node--block-modulable-push-visuel {
  /*@extend %container;
  @extend %global-padding;*/
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items {
  text-align: center;
  min-height: 40px;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item {
  float: left;
  width: 13.83929%;
  padding: 0;
  padding-bottom: 11.16071%;
  margin-right: 3.39286%;
  margin-bottom: 40px;
  border: 16px solid transparent;
  text-align: center;
  position: relative;
  word-break: break-word;
  overflow: hidden;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #56267c;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:last-child {
  margin-right: 0;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:nth-of-type(2n+6) {
  margin-right: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item {
    width: 46%;
    margin-right: 8%;
    padding-bottom: 46%;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:nth-of-type(2n+2) {
    margin-right: 0;
    border-right: 1px solid #e4e4e4;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item a {
  color: #56267c;
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:hover {
  background-color: #023466;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  /*-moz-border-image: url("../../images/box-border-inset-hover.png") 15 round;
  -webkit-border-image: url("../../images/box-border-inset-hover.png") 15 round;
  -o-border-image: url("../../images/box-border-inset-hover.png") 15 round;
  border-image: url("../../images/box-border-inset-hover.png") 15 round;*/
  color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:hover .field-collection-view {
  border-color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item:hover a {
  color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .pv-content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .pv-content .pv-table {
  display: table;
  width: 100%;
  height: 100%;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .pv-content .pv-table .pv-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .block-with-link, .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .block-no-link {
  margin: 0;
  padding: 0;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item .field-collection-view {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  /*@include flex();
  @include flexAlign();
  @include flexJustify();
  text-align: center;*/
}
.node--block-modulable-push-visuel .field-collection-container {
  border: none;
  margin-bottom: 0;
}
.node--block-modulable-linkedin h2.node__title,
.node--block-modulable-push-visuel h2.node__title {
  text-align: center;
  color: #56267c;
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  margin-bottom: 0.5em;
  line-height: 1;
}
.node--block-modulable-linkedin h2.node__title a,
.node--block-modulable-push-visuel h2.node__title a {
  color: #56267c;
}
@media (max-width: 720px) {
  .node--block-modulable-linkedin h2.node__title,
  .node--block-modulable-push-visuel h2.node__title {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: left;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-media {
  background-color: #e0e2e0;
  margin-bottom: 2em;
}
.node--block-modulable-push-visuel .field--name-field-pv-media .field__item .content {
  position: relative;
  /*padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;*/
  overflow: hidden;
}
.node--block-modulable-push-visuel .field--name-field-pv-media .field__item .content iframe {
  /*position: absolute;
  top: 0;
  left: 0;*/
  width: 100%;
  height: 100%;
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel {
    padding: 0;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel .field__items {
  margin-top: 0;
  border-top: 1px solid #e5e8eb;
  margin-bottom: 2em;
  border-bottom: 1px solid #e5e8eb;
  padding-top: 1em;
  padding-bottom: 1em;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel .field__items {
    margin-top: 1em;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel .field__items a {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
.node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel .field__items a {
  color: #023466;
}
.node--block-modulable-push-visuel .field--name-field-pv-lien-contextuel .field__items p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #a9a9a9;
}

/**
 * Module deux colonnes avec images
 */
.node--block-modulable-colonnes-images .field-collection-container {
  margin: 0;
  border: none;
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item {
  width: 50%;
  float: left;
  position: relative;
}
.body-pr-edit .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper {
  min-height: 350px;
}
@media (max-width: 720px) {
  .node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item {
    width: 100% !important;
    float: none;
  }
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item img {
  display: block;
  width: 100%;
  min-height: 100px;
  object-fit: cover;
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item .field--name-field-colonne-image-cta {
  position: absolute;
  bottom: 15%;
  left: 7%;
}
@media (max-width: 720px) {
  .node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item .field--name-field-colonne-image-cta {
    bottom: 20px;
    left: 15px;
  }
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item .field--name-field-colonne-image-cta a {
  display: inline-block;
  padding: 5px 17px;
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item .field-collection-view {
  margin: 0;
  padding: 0;
  border: none;
}
.node--block-modulable-colonnes-images .field-collection-container .field--name-field-colonnes-images > .field__items > .field__item .field-collection-view .entity-field-collection-item {
  float: none;
}

.node--block-modulable-colonnes-images {
  background: linear-gradient(to right, #f2eedf 0%, #f2eedf 50%, #58c8f6 50%, #58c8f6 100%);
}
.node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field.field--name-field-titre {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 52px;
  margin: 66px 0 170px 35px;
  /*max-width: 60%;*/
  min-height: 105px;
  padding: 0;
  text-align: left;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field.field--name-field-titre {
    font-size: 42px;
    font-size: 2.625rem;
    font-weight: 100;
    margin: 40px 0 150px 35px;
  }
}
@media (min-width: 721px) and (max-width: 959px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field.field--name-field-titre {
    font-size: 42px;
    font-size: 1.625rem;
    font-weight: 100;
    margin: 40px 0 70px 35px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field.field--name-field-titre {
    margin: 26px 0 36% 15px;
    max-width: initial;
    min-height: initial;
  }
}
@media (max-width: 420px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field.field--name-field-titre {
    margin: 26px 0 100px 20px;
    font-size: 200%;
  }
}
.node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field--name-field-description {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #626262;
  padding: 0 40px;
  text-align: center;
  width: 100%;
}
@media (max-width: 720px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field--name-field-description {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 18px;
    padding: 0 20px;
  }
}
@media (max-width: 720px) and (max-width: 320px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field--name-field-description {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 15px;
    padding: 0 15px;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-colonnes-images .block-modulable-colonnes-images-with-text .group-text-wrapper .field--name-field-colonne-image-cta {
    bottom: 8% !important;
  }
}
.node--block-modulable-colonnes-images .odd .block-modulable-colonnes-images-with-text .field.field--name-field-titre {
  color: #fff;
}

.body-pr-hub .node--block-modulable-colonnes-images .odd .block-modulable-colonnes-images-with-text .field.field--name-field-titre {
  color: #fff;
}

/*
 * Module locaux
 */
.node--block-modulable-locaux {
  position: relative;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux > .node__content {
    padding: 0 15px;
  }
}
.node--block-modulable-locaux .field-collection-container {
  margin: 0;
  border: none;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container {
    margin: 0 15px !important;
  }
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item {
  float: left;
  width: 33.33333%;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  text-align: center;
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-image {
  margin-bottom: 15px;
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-image img {
  width: 100%;
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-description {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #56267c;
  line-height: 22px;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-description {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-localisation {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #626262;
  line-height: 22px;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field--name-field-locaux-localisation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item {
    width: 100%;
    float: none;
    margin-bottom: 1em;
  }
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item:first-child {
  text-align: right;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item:first-child {
    text-align: left;
  }
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item:last-child {
  text-align: left;
}
@media (min-width: 320px) and (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item:last-child {
    text-align: left;
  }
}
@media (min-width: 320px) and (max-width: 720px) {
  .node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item {
    text-align: left;
  }
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field-collection-view {
  margin: 0;
  padding: 0;
  border: none;
}
.node--block-modulable-locaux .field-collection-container .field--name-field-locaux > .field__items > .field__item .field-collection-view .entity-field-collection-item {
  float: none;
}
.node--block-modulable-locaux header h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267c;
  letter-spacing: initial;
  line-height: 1;
  margin-bottom: 28px;
  text-align: center;
}
.node--block-modulable-locaux header h2 a {
  color: #56267c;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux header h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: left;
  }
}
.node--block-modulable-locaux .field-collection-container {
  margin: 0;
  border: none;
}
.node--block-modulable-locaux .field--name-field-locaux-image {
  margin-bottom: 10px;
}
.node--block-modulable-locaux .field--name-field-locaux-image img {
  width: 100%;
}
.node--block-modulable-locaux .field--name-field-locaux-description {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #56267c;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field--name-field-locaux-description {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node--block-modulable-locaux .field--name-field-locaux-localisation {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #626262;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .field--name-field-locaux-localisation {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node--block-modulable-locaux .field-collection-view {
  margin: 0;
  padding: 0;
  border: none;
}
.node--block-modulable-locaux .field-collection-view .entity-field-collection-item {
  float: none;
}
.node--block-modulable-locaux .owl-controls .owl-buttons div {
  background: none;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 0;
}
.node--block-modulable-locaux .owl-controls .owl-prev {
  position: absolute;
  left: -30px;
  top: 25%;
}
.node--block-modulable-locaux .owl-controls .owl-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
  color: #023466;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .owl-controls .owl-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .owl-controls .owl-prev {
    top: 45%;
  }
}
.node--block-modulable-locaux .owl-controls .owl-next {
  position: absolute;
  top: 25%;
  right: -35px;
}
.node--block-modulable-locaux .owl-controls .owl-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 5px;
  color: #023466;
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .owl-controls .owl-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-locaux .owl-controls .owl-next {
    top: 45%;
  }
}

/**
 * Module informations financiere
 */
.node--block-modulable-infos-financiere .field-collection-container {
  margin: 0;
  border: none;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres {
    border-bottom: 1px solid #e4e4e4;
  }
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item {
  float: left;
  width: 19.98224%;
  padding: 0;
  position: relative;
  min-height: 175px;
  border-right: 1px solid #e4e4e4;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:first-child {
  border-left: 1px solid #e4e4e4;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item {
    width: 50%;
    padding: 0;
    border-bottom: 1px solid #e4e4e4;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:nth-of-type(1) {
    border-top: 1px solid #e4e4e4;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:nth-of-type(2) {
    border-top: 1px solid #e4e4e4;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:nth-of-type(3) {
    border-left: 1px solid #e4e4e4;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:nth-of-type(5) {
    border-bottom: none;
    border-left: 1px solid #e4e4e4;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item:nth-of-type(6) {
    border-bottom: none;
  }
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-image {
  text-align: center;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-image img {
  margin: 0 auto;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien {
  position: absolute;
  bottom: -5px;
  text-align: left;
  left: 0;
  right: 0;
  padding: 0 30px;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien {
    padding: 0;
    bottom: 5px;
    text-align: center;
    width: 100%;
  }
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 20px;
  display: block;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien a {
    line-height: 15px;
  }
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien a:hover {
  text-decoration: underline;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field--name-field-infos-finance-lien a {
  color: #023466;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field-collection-view {
  margin: 0;
  padding: 0;
  border: none;
}
.node--block-modulable-infos-financiere .field-collection-container .field--name-field-infos-financieres > .field__items > .field__item .field-collection-view .entity-field-collection-item {
  float: none;
}
.node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under {
  margin-top: 43px;
  border-top: 1px solid #e5e8eb;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e8eb;
  padding-top: 12px;
  padding-bottom: 14px;
}
.node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #a9a9a9;
}
.node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under p a {
  color: #023466;
}
.node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under p a {
  display: inline-block;
  margin-left: 13px;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under p a {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}
.node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under p a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere .field--name-field-infos-fin-text-under {
    margin: 2em 40px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere header {
    padding: 0 40px;
  }
}
.node--block-modulable-infos-financiere header h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #ff5b09;
  letter-spacing: initial;
  line-height: 1;
  margin-bottom: 28px;
  text-align: center;
}
.node--block-modulable-infos-financiere header h2 a {
  color: #ff5b09;
}
@media (max-width: 720px) {
  .node--block-modulable-infos-financiere header h2 {
    text-align: left;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}

/**
 * Module Grand Visuel
 */
.node--block-modulable-grand-visuel header {
  display: none;
    /*margin-top: 0;
    h2 {
      @include font(52, 100);
      line-height: 1em;
      em {
        font-style: normal;
      }
      color: $Barley-Corn;
      letter-spacing: initial;
      margin-bottom: 28px;
      @include link($Barley-Corn);

      @include breakpoint(mobilesmall) {
        @include font(32, 100);
        text-align: left;
      }
      @include breakpoint(mobileonly) {
        @include font(42, 100);
        text-align: left;
      }

    }*/
}
.node--block-modulable-grand-visuel.template-left > .node__content .field--name-field-visuel-de-fond {
  width: 50%;
  float: right;
}
.node--block-modulable-grand-visuel.template-left > .node__content .field--name-field-visuel-de-fond img {
  width: 100%;
  display: block;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .field--name-field-visuel-de-fond {
    width: 100%;
  }
}
.node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div {
  width: 50%;
  margin-right: 0;
  float: left;
}
.node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--name-title-field.field--type-text {
  padding: 0;
  text-align: left;
  margin-top: 60px;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--name-title-field.field--type-text {
    margin: 40px 0 20px 0 !important;
    line-height: 0.9em;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--name-title-field.field--type-text {
    margin: 40px 0 20px 0 !important;
    line-height: 0.9em;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--name-title-field.field--type-text {
    margin-top: 20px;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
.node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--type-text-with-summary {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #626262;
  text-align: left;
  margin-top: 15px;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--type-text-with-summary {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
  }
}
.node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--type-text-with-summary p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 22px;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-left > .node__content .group-text.field-group-div .field--type-text-with-summary p {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 18px;
  }
}
.node--block-modulable-grand-visuel.template-vertical {
  padding-top: 60px;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-vertical {
    padding-top: 20px;
  }
}
.node--block-modulable-grand-visuel.template-vertical > .node__content {
  text-align: center;
  position: relative;
}

/* This style is not going to help fix the background picture of the block or contextual links, please rearrange the block layout */
.node--block-modulable-grand-visuel.template-vertical > .node__content > .contextual-links-region.field__quickedit__wrapper.quickedit-processed,
.node--block-modulable-grand-visuel.template-vertical.node--full > .node__content > .group-text > .contextual-links-region.field__quickedit__wrapper.quickedit-processed.static-image {
  position: static;
}
.node--block-modulable-grand-visuel.template-vertical > .node__content > .contextual-links-region.field__quickedit__wrapper.quickedit-processed > .contextual-links-wrapper {
  position: absolute;
  float: right;
  top: auto;
  bottom: 25px;
}
.node--block-modulable-grand-visuel.template-vertical:not(.node--full) > .node__content > .group-text > .contextual-links-region.field__quickedit__wrapper.quickedit-processed.static-image > .contextual-links-wrapper {
  position: absolute;
  float: right;
  top: auto;
  bottom: 25px;
}

.node--block-modulable-grand-visuel.template-vertical:not(.node--full) > .node__content > .group-text > .contextual-links-region.field__quickedit__wrapper.quickedit-processed.static-image > .field--name-field-visuel-de-fond,
.node--block-modulable-grand-visuel.template-vertical:not(.node--full) > .node__content > .contextual-links-region.field__quickedit__wrapper.quickedit-processed > .field--name-field-visuel-de-fond {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  padding: 0 !important;
}
.node--block-modulable-grand-visuel.template-vertical > .node__content > .group-text > .contextual-links-region.field__quickedit__wrapper.quickedit-processed:nth-child(1) .contextual-links-wrapper.contextual-links-processed {
  top: 20px;
}

.node--block-modulable-grand-visuel.template-vertical > .node__content .group-text.field-group-div {
  position: initial;
}
.node--block-modulable-grand-visuel.template-vertical > .node__content .field--name-field-visuel-de-fond {
  position: relative;
}
.node--block-modulable-grand-visuel.template-vertical > .node__content .field--name-field-grand-visuel-cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: 1;
}
.node--block-modulable-grand-visuel.template-vertical > .node__content .field--name-body.field--type-text-with-summary p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 22px;
  margin-top: 10px;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-vertical > .node__content .field--name-body.field--type-text-with-summary p {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel.template-vertical > .node__content .field--name-body.field--type-text-with-summary span {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
.node--block-modulable-grand-visuel .field--name-field-grand-visuel-cta {
  margin-top: 37px;
  display: block;
  line-height: initial;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel .field--name-field-grand-visuel-cta {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.node--block-modulable-grand-visuel .field--name-field-grand-visuel-cta a {
  display: inline-block;
  margin-bottom: 40px;
}
@media (max-width: 720px) {
  .node--block-modulable-grand-visuel .field--name-field-grand-visuel-cta a {
    margin-bottom: 0;
  }
}

.node--block-modulable-3-colonnes {
  background: #f8f8f6;
  padding-top: 60px;
  padding-bottom: 4em;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.node--block-modulable-3-colonnes .field-collection-view, .node--block-modulable-3-colonnes .field-collection-container {
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .field-collection-container .field--name-field-opportunite {
    margin: 0;
  }
  .node--block-modulable-3-colonnes .field-collection-container .field--name-field-opportunite .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
}
.node--block-modulable-3-colonnes > header h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267d;
  letter-spacing: initial;
  line-height: initial;
  margin-bottom: 28px;
  text-align: center;
}
.node--block-modulable-3-colonnes > header h2 a {
  color: #8a4b5d;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes > header h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .group-block-content .field.field--name-name-field.field--type-text.field--label-hidden {
    color: #56267d;
  }
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item {
  position: relative;
  padding-bottom: 30px;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .slider-item, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .slider-item, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .slider-item, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .slider-item {
  height: 100%;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .field--name-field-link, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .field--name-field-link, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .field--name-field-link, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .field--name-field-link {
  background: #009586;
  top: auto;
  left: auto;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .field--name-field-link a, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .field--name-field-link a, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .field--name-field-link a, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .field--name-field-link a {
  color: #fff;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .group-block-content .field--name-name-field a, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .group-block-content .field--name-name-field a, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .group-block-content .field--name-name-field a, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .group-block-content .field--name-name-field a {
  color: #30c8dd;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .group-block-content .field--name-field-lien, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .group-block-content .field--name-field-lien, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .group-block-content .field--name-field-lien, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .group-block-content .field--name-field-lien {
  bottom: 10px;
  position: absolute;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .group-block-content .field--name-field-lien a, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .group-block-content .field--name-field-lien a, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .group-block-content .field--name-field-lien a, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .group-block-content .field--name-field-lien a {
  color: #023466;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .group-block-content .field--name-field-file-download a, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .group-block-content .field--name-field-file-download a, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .group-block-content .field--name-field-file-download a, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .group-block-content .field--name-field-file-download a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #023466;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items .slick-slide .group-block-content .field--name-field-file-download a::after, .node--block-modulable-3-colonnes .field--name-field-opportunite > .field__items > .field__item .group-block-content .field--name-field-file-download a::after, .node--block-modulable-3-colonnes .liste-albums > .field__items .slick-slide .group-block-content .field--name-field-file-download a::after, .node--block-modulable-3-colonnes .liste-albums > .field__items > .field__item .group-block-content .field--name-field-file-download a::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .slick-slide, .node--block-modulable-3-colonnes .liste-albums .slick-slide {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .field--name-field-opportunite .slick-slide .field--name-field-image-teaser, .node--block-modulable-3-colonnes .liste-albums .slick-slide .field--name-field-image-teaser {
    display: block;
  }
  .node--block-modulable-3-colonnes .field--name-field-opportunite .slick-slide .field--name-field-image-teaser img, .node--block-modulable-3-colonnes .liste-albums .slick-slide .field--name-field-image-teaser img {
    width: 100%;
  }
  .node--block-modulable-3-colonnes .field--name-field-opportunite .slick-slide .field--name-name-field, .node--block-modulable-3-colonnes .liste-albums .slick-slide .field--name-name-field {
    min-height: initial !important;
  }
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-carousel .owl-wrapper, .node--block-modulable-3-colonnes .liste-albums .owl-carousel .owl-wrapper {
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box !important;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  display: -webkit-flex !important;
  /* NEW - Chrome */
  display: flex !important;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-buttons div, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-buttons div {
  background: none;
  /* Content for ie 8.
  Min version: 10.
  User threshold to keep: 0.1%. If ie 8 are omitted: 4.46163%. */
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  padding: 0;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-prev, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  margin: 0;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-prev:before, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-prev:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 0;
  color: #023466;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-prev:before, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-prev:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-next, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-next {
  position: absolute;
  top: 50%;
  right: -25px;
  margin: 0;
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-next:before, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 300;
  margin-right: 0;
  color: #023466;
}
@media (max-width: 720px) {
  .node--block-modulable-3-colonnes .field--name-field-opportunite .owl-controls .owl-next:before, .node--block-modulable-3-colonnes .liste-albums .owl-controls .owl-next:before {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
  }
}
.node--block-modulable-3-colonnes .field--name-field-opportunite .field-collection-item-field-opportunite .content .group-block-content .field--name-name-field a {
  color: #56267c;
  min-height: 50px;
  display: block;
}
.node--block-modulable-3-colonnes .field--name-field-liens {
  padding: 0;
  padding-bottom: 70px;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item {
  padding: 10px 0;
  border-bottom: 1px solid #e5e8eb;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item:first-child {
  border-top: 1px solid #e5e8eb;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-titre-du-lien {
  display: inline-block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #a9a9a9;
  padding-right: 20px;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-lien {
  display: inline-block;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-lien .field__items .field__item {
  display: inline-block;
  margin-right: 15px;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-lien a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #023466;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-lien a:hover {
  text-decoration: underline;
}
.node--block-modulable-3-colonnes .field--name-field-liens > .field__items > .field__item .field--name-field-lien a.sign-in-with-linkedin {
  background: url("../../images/sign-in-with-linkedin.png") no-repeat 0 0;
  width: 146px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  top: 5px;
}

.node--block-modulable-video-fonction {
  position: relative;
  margin-top: 20px;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction {
    padding: 0 15px;
  }
}
.node--block-modulable-video-fonction .field.field--name-title-field {
  display: none;
}
.node--block-modulable-video-fonction .group-video-vlock {
  position: relative;
  background: #fff !important;
}
.node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview {
  position: relative;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview {
    min-height: 100px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview {
    min-height: 400px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview {
    min-height: 400px;
  }
}
@media (min-width: 1200px) {
  .node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview {
    min-height: 470px;
  }
}
.node--block-modulable-video-fonction .group-video-vlock .field--name-field-image-preview img {
  display: block;
}
.node--block-modulable-video-fonction a.icone-voir-video {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  height: 0;
  width: 0;
}
.node--block-modulable-video-fonction a.icone-voir-video::before {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 100%;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 100%;
  border-radius: 100%;
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.3s, border-color 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.3s, border-color 0.3s;
  transition: background 0.3s, border-color 0.3s;
  background: #fff;
  border: 1px solid #023466;
  bottom: 0;
  content: '';
  cursor: pointer;
  height: 60px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 0;
}
.node--block-modulable-video-fonction a.icone-voir-video::after {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: border 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "󩁁";
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  bottom: 0;
  color: #023466;
  cursor: pointer;
  height: 18px;
  left: 3px;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}
.node--block-modulable-video-fonction a.icone-voir-video:hover::before {
  background: #023466;
  border-color: #023466;
}
.node--block-modulable-video-fonction a.icone-voir-video:hover::after {
  color: #fff;
}
.node--block-modulable-video-fonction a.icone-voir-video::before {
  border-width: 2px;
  height: 120px;
  width: 120px;
}
.node--block-modulable-video-fonction a.icone-voir-video::after {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: normal;
  left: 10px;
  width: 20px;
  height: 36px;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction a.icone-voir-video::before {
    border-width: 1px;
    height: 60px;
    width: 60px;
  }
  .node--block-modulable-video-fonction a.icone-voir-video::after {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    left: 5px;
    height: 18px;
    width: 10px;
  }
}
.node--block-modulable-video-fonction a.icone-voir-video::before, .node--block-modulable-video-fonction a.icone-voir-video::after {
  z-index: 4;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-body.field--type-text-with-summary p,
  .node--block-modulable-video-fonction .field--name-body.field--type-text-with-summary span {
    font-size: 0.875rem !important;
    line-height: 18px !important;
    font-weight: normal !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-body.field--type-text-with-summary p {
    padding: 0;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-video-fonction .field--name-body.field--type-text-with-summary p {
    font-size: 20px;
    font-size: 1.25rem !important;
    line-height: 30px !important;
  }
}
.node--block-modulable-video-fonction .field--name-body {
  position: absolute;
  right: 40px;
  bottom: 64px;
  z-index: 3;
}
.node--block-modulable-video-fonction .field--name-body p {
  margin-top: 0 !important;
}
.node--block-modulable-video-fonction .field--name-body:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  font-size: 90px;
  color: #ff5b09;
  text-align: right;
  display: block;
  line-height: initial;
  margin-bottom: 77px;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-body:before {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    font-size: 40px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-video-fonction .field--name-body:before {
    margin-bottom: 10px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-video-fonction .field--name-body:before {
    margin-bottom: 20px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-body {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    position: relative;
    right: initial;
    bottom: initial;
    padding-bottom: 10px;
  }
  .node--block-modulable-video-fonction .field--name-body br {
    display: none;
  }
  .node--block-modulable-video-fonction .field--name-body p {
    text-align: left !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
  }
  .node--block-modulable-video-fonction .field--name-body p:last-child {
    margin-bottom: 0;
  }
  .node--block-modulable-video-fonction .field--name-body .field__items {
    float: left;
    width: 70%;
  }
  .node--block-modulable-video-fonction .field--name-body .field__item.even p {
    padding: 0;
    margin-bottom: 5px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-video-fonction .field--name-body {
    bottom: 30px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-video-fonction .field--name-body {
    bottom: 30px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-field-liens {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-field-liens .field--name-field-titre-du-lien {
    padding-right: 0;
    display: inline-block;
  }
}
.node--block-modulable-video-fonction .field--name-field-liens .field--name-field-lien {
  display: inline-block;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-field-liens .field--name-field-lien {
    display: block;
  }
}
.node--block-modulable-video-fonction .field--name-field-liens .field--name-field-lien .field__item {
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 720px) {
  .node--block-modulable-video-fonction .field--name-field-liens .field--name-field-lien .field__item {
    display: block;
    margin-right: 0;
  }
}

.node--block-modulable-contact-duo {
  padding-top: 60px !important;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo {
    display: none;
  }
}
.node--block-modulable-contact-duo .field-collection-view, .node--block-modulable-contact-duo .field-collection-container {
  margin: 0;
  padding: 0;
  border: none;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo {
    padding: 0 15px;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items {
    display: block;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  float: left;
  width: 25.89286%;
  text-align: center;
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:nth-of-type(2) {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 60px;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:nth-of-type(2) {
    padding-top: 20px;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:first-child {
  width: 37.05357%;
  text-align: right;
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:first-child .field--name-field-titre {
  text-align: right;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:first-child {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:first-child p {
    text-align: left;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:last-child {
  width: 37.05357%;
  text-align: left;
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:last-child .field--name-field-titre {
  text-align: left;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:last-child {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item:last-child p {
    text-align: left;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    display: block;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item .field--name-field-titre {
  padding: 0 !important;
  font-size: 37px;
  font-size: 2.3125rem;
  font-weight: 100;
  color: #ff5b09;
  letter-spacing: initial;
  line-height: 1;
  margin-bottom: 15px;
  text-align: left;
}
@media (max-width: 720px) {
  .node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item .field--name-field-titre {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-align: left !important;
  }
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item a {
  color: #023466;
  text-decoration: underline;
}
.node--block-modulable-contact-duo .field--name-field-contact-duo > .field__items > .field__item a:hover {
  text-decoration: none;
}

.node--block-modulable-image-map {
  text-align: center;
  padding-bottom: 70px;
  border-bottom: 1px solid #ECECEC;
  margin-top: -375px;
}
.node--block-modulable-image-map .field--name-field-image img {
  height: 420px;
  width: 726px;
  position: relative;
  margin-top: -5px;
}
@media (max-width: 720px) {
  .node--block-modulable-image-map {
    padding-bottom: 30px;
    margin-top: inherit;
  }
  .node--block-modulable-image-map .field--name-field-image img {
    height: auto;
    margin-top: inherit;
  }
}
.node--block-modulable-image-map h2 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 100;
  color: #8a4b5d;
  letter-spacing: initial;
  margin-top: 50px;
  margin-bottom: 0;
  text-align: left;
  width: 45%;
  position: relative;
  top: 70px;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 36px;
}
.node--block-modulable-image-map h2 a {
  color: #8a4b5d;
}
@media (max-width: 720px) {
  .node--block-modulable-image-map h2 {
    margin-top: 20px;
    top: inherit;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    text-transform: initial;
    line-height: 30px;
    margin-bottom: 20px;
    width: 100%;
  }
}

.ff .node--block-modulable-image-map h2 {
  top: 0;
}

.ff .node--block-modulable-image-map .field--name-field-image img {
  margin-top: -70px;
}

.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item a {
  display: inline-block;
  width: 100%;
}

.node--block-modulable-push-visuel {
  padding: 0;
  position: relative;
  background: #f8f8f6;
}
.node--block-modulable-push-visuel.push-only .field--name-field-cta-lien {
  margin-bottom: 0;
  padding-bottom: 60px;
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel.push-only .field--name-field-cta-lien {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .node--block-modulable-push-visuel.blocks-only .group-pv-bloc-textes {
    padding-top: 0;
    margin-top: -10px;
    padding-bottom: 60px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-push-visuel.blocks-only .group-pv-bloc-textes {
    padding-top: 0;
    margin-top: -10px;
    padding-bottom: 60px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-push-visuel.blocks-only .group-pv-bloc-textes {
    padding-top: 0;
    margin-top: -10px;
    padding-bottom: 60px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel.blocks-only .group-pv-bloc-textes {
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.node--block-modulable-linkedin .field--name-linkedin {
  padding-bottom: 60px;
  margin: 15px auto 0;
  text-align: center;
  overflow-x: scroll;
}
@media (max-width: 720px) {
  .node--block-modulable-linkedin .field--name-linkedin {
    padding-bottom: 20px;
  }
}
.node--block-modulable-push-visuel .field--name-field-intoruction {
  margin: 15px auto;
  text-align: center;
}
.node--block-modulable-push-visuel .field--name-field-intoruction p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-intoruction p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 18px;
  }
}
.node--block-modulable-linkedin header,
.node--block-modulable-push-visuel header {
  padding-top: 70px;
}
@media (max-width: 720px) {
  .node--block-modulable-linkedin header,
  .node--block-modulable-push-visuel header {
    padding-top: 20px;
  }
}
.node--block-modulable-linkedin h2.node__title,
.node--block-modulable-push-visuel h2.node__title {
  margin-bottom: 0;
}
.node--block-modulable-push-visuel .field--name-field-pv-media {
  background: #f8f8f6;
}
.node--block-modulable-push-visuel .field--name-field-image {
  margin-top: 10px;
  text-align: center;
}
.node--block-modulable-push-visuel .field--name-field-cta-lien {
  position: relative;
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-cta-lien {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .node--block-modulable-push-visuel .field--name-field-cta-lien {
    margin-bottom: 90px;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-media .field__item .content {
  height: auto;
}
.node--block-modulable-push-visuel .field--name-field-pv-media .field__item .content img {
  text-align: center;
  display: block;
}
.node--block-modulable-push-visuel .group-pv-bloc-textes {
  background: #fff;
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .node--block-modulable-push-visuel .group-pv-bloc-textes {
    padding-top: 0px;
    padding-bottom: 25px;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field--name-field-image {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field--name-field-image {
    min-height: 40px;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes .field__items .field__item {
  border: none;
  float: none;
  margin: 0;
  width: auto;
  padding: 0;
  border-image: none;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #023466;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-left: 1px solid #e4e4e4;
  width: 122.7px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item {
    width: 10%;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item {
    width: 48%;
    float: left;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item .field--name-field-image-hover {
  display: none;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:last-child {
  border-right: 1px solid #e4e4e4;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:hover .field__items .field__item {
  background: none;
  color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:hover .field--name-field-fc-pv-lien {
  color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:hover .field--name-field-fc-pv-lien a {
  color: #fff;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:hover .field--name-field-image {
  display: none;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item:hover .field--name-field-image-hover {
  display: block;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item .field--name-field-fc-pv-lien {
  line-height: 18px;
  margin: 1px 0 0 0;
  min-height: 49px;
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item .field--name-field-fc-pv-lien a {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #023466;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item .field--name-field-fc-pv-lien a {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold;
  }
}
.node--block-modulable-push-visuel .field--name-field-pv-blocs-textes > .field__items > .field__item a.remove-thing {
  padding: 16px 0px 0 0px;
  display: block;
}

/**
 * Module Links
 */
.node--block-modulable-col-links header {
  display: none;
}
.node--block-modulable-col-links header h2.node__title {
  padding: 0 !important;
}
.node--block-modulable-col-links header h2.node__title a {
  padding: 0 !important;
}
@media (max-width: 720px) {
  .node--block-modulable-col-links .field.field--name-title-field {
    padding: 0 0 10px 0;
  }
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item {
  /* Capability css-transitions is prefixed with -moz because 0.60801% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transition: background-color 0.3s, border-color 0.3s;
  /* Capability css-transitions is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-transitions is prefixed with -webkit because 9.62358% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
  border: 4px solid #f6f4d9;
  margin-right: 3.57143%;
  margin-bottom: 3.57143%;
  width: 17.05357%;
  min-height: 200px;
  float: left;
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
}
@media (max-width: 720px) {
  .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 48%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 18%;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item:last-child {
  margin-right: 0;
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item a {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 15px;
  text-align: center;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #8a4b5d;
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item a:before {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #F6F4D9;
}
.ie10 .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item a {
  width: 100%;
  white-space: pre-line !important;
  display: inline-block !important;
}
@media (max-width: 720px) {
  .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 18px;
  }
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item:hover {
  background-color: #023466;
  border-color: #023466;
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item:hover a {
  color: #fff;
}
.node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item:hover a:before {
  border-color: #fff;
}

.node--block-modulable-documents {
  padding-bottom: 30px;
  padding-top: 40px;
}
@media (max-width: 720px) {
  .node--block-modulable-documents {
    padding-bottom: 15px;
    padding-top: 20px;
  }
}
.node--block-modulable-documents header {
  display: none;
}
.node--block-modulable-documents > .node__content > .field--name-title-field {
  margin-bottom: 20px !important;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item {
  float: left;
  width: 48%;
  margin-bottom: 30px;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item:nth-of-type(2n+1) {
  margin-right: 2%;
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item:nth-of-type(2n+1) {
    margin-right: 0;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item:last-child {
    margin-bottom: 10px;
  }
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-titre {
  padding: 0;
  text-align: left;
  color: #d51100;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 40px 0 10px 0;
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-titre {
    margin: 15px 0;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-titre {
    line-height: 35px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-titre {
    line-height: 35px;
  }
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-file-download {
  display: inline-block;
  margin-right: 10px;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-file-download a {
  display: inline-block;
  line-height: initial;
  margin-bottom: 10px;
  padding: 8px 15px !important;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-file-download a:after {
  display: inline-block;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-lien-bouton {
  display: inline-block;
  margin-top: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-lien-bouton {
    margin-top: 0;
  }
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-lien-bouton a {
  display: inline-block;
  padding: 8px 15px !important;
  line-height: initial;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .field--name-field-description p {
  margin-bottom: 0;
  line-height: 1.4em;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .group_container .group_left {
  float: left;
  margin-right: 4.65035%;
  width: 29.76224%;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .group_container .group_right {
  float: left;
  width: 61.75664%;
}
.node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .group_container .group_buttons {
  margin-top: 0px;
}
@media (max-width: 720px) {
  .node--block-modulable-documents > .node__content > .field-collection-container > .field--name-field-document > .field__items > .field__item .group_container .group_buttons {
    margin-top: 15px;
  }
}
.node--block-modulable-documents > .node__content .field--name-field-liens {
  margin-left: 0;
  margin-right: 0;
}

article.node--block-modulable-col-fond-unique {
  border-bottom: 1px solid #e5e8eb;
  /*
    @include breakpoint(tablet) {
      background-size: 100%;
    }
    @include breakpoint(laptop) {
      background-size: 100%;
    }
  */
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique {
    background-size: 50%;
  }
}
article.node--block-modulable-col-fond-unique header {
  display: none;
}
article.node--block-modulable-col-fond-unique > .node__content {
  padding-top: 64px;
  padding-bottom: 200px;
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content {
    padding-top: 34px;
    padding-bottom: 44px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  article.node--block-modulable-col-fond-unique > .node__content {
    padding-bottom: 100px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  article.node--block-modulable-col-fond-unique > .node__content {
    padding-bottom: 100px;
  }
}
article.node--block-modulable-col-fond-unique > .node__content > .field--name-title-field {
  display: none;
}
article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item {
  float: left;
  width: 44.64286%;
  /*
              .field--name-field-image {
                position: absolute;
                top: 0;
                height: 100%;
                width: 100%;
                left: 0;
                img {
                  height: 100%;
                  position: absolute;
                  width: 100%;
                  z-index: -1;
                }
              }*/
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item {
    float: none;
    width: 100%;
  }
}
article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:first-child {
  margin-right: 8.92857%;
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-titre {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 52px;
  margin-bottom: 37px;
  padding-right: 4rem;
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-titre {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 30px;
    padding-right: 0;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-titre {
    padding-right: 1rem;
  }
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description p, article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description span {
    font-size: 14px;
    font-size: 0.875rem !important;
    line-height: 18px !important;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description p, article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description span {
    font-size: 14px;
    font-size: 0.875rem !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description p, article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-description span {
    font-size: 14px;
    font-size: 0.875rem !important;
  }
}
article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-lien {
  margin-top: 45px;
}
@media (max-width: 720px) {
  article.node--block-modulable-col-fond-unique > .node__content > .field-collection-container > .field--name-field-twocols-cols > .field__items > .field__item .field--name-field-twocols-lien {
    margin-top: 35px;
  }
}

.page-node-1144 #colorbox, .page-node-1236 #colorbox {
  border-color: #F0EDDF !important;
}

.page-node-1144 .node--gabarit-modulable .viewsdernieres-actualites-block-1, .page-node-1144 .node--gabarit-modulable .viewsdernieres-actualites-block-2, .page-node-1236 .node--gabarit-modulable .viewsdernieres-actualites-block-1, .page-node-1236 .node--gabarit-modulable .viewsdernieres-actualites-block-2 {
  padding-top: 20px !important;
}
@media (max-width: 720px) {
  .page-node-1144 .node--gabarit-modulable .viewsdernieres-actualites-block-1, .page-node-1144 .node--gabarit-modulable .viewsdernieres-actualites-block-2, .page-node-1236 .node--gabarit-modulable .viewsdernieres-actualites-block-1, .page-node-1236 .node--gabarit-modulable .viewsdernieres-actualites-block-2 {
    padding-top: 20px !important;
  }
}
.page-node-1144 .node--gabarit-modulable .node--block-modulable-chiffres-clefs .field--name-title-field.field--label-hidden, .page-node-1236 .node--gabarit-modulable .node--block-modulable-chiffres-clefs .field--name-title-field.field--label-hidden {
  padding-bottom: 10px !important;
}

.ie9 .node--block-modulable-col-links > .node__content > .field--name-field-lien > .field__items .field__item a {
  display: block;
}

.node--gabarit-modulable .node--block-modulable-chiffres-clefs .field.field--name-title-field {
  margin-bottom: 25px !important;
}

@media (max-width: 720px) {
  .-temoignages.temoignage-talents .item-list li {
    background: #fff;
  }

  .-temoignages.temoignage-talents .item-list .owl-carousel .owl-controls .owl-next {
    right: -36px !important;
  }
}
.node-type-block-modulable-chiffres-clefs h1 {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 300;
  color: #84c7f4;
  margin: 25px 0;
  text-align: left;
}

.node--block-modulable-chiffres-clefs--full .field-collection-container {
  border: none;
  margin-bottom: 0;
  margin-top: 20px;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind {
  margin-top: 0.5rem;
  border-top: 1px solid #e5e8eb;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e8eb;
  padding-top: 1.3rem;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #a9a9a9;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p a {
  color: #023466;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p a {
  margin-left: 21px;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p a:hover {
  text-decoration: underline;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-texte-behind p a {
    display: block;
    margin-top: 5px;
    margin-left: 0;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-title-field {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #84c7f4 !important;
  letter-spacing: initial;
  line-height: initial;
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-title-field {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    margin: 25px 0;
    text-align: left;
    display: none;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items {
    -webkit-box-pack: initial;
    -moz-box-pack: initial;
    -ms-flex-pack: initial;
    -webkit-justify-content: initial;
    justify-content: initial;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item {
  float: left;
  /*width: cp(250, 1120);
  margin-right: cp(40, 1120);*/
  width: 23%;
  margin-right: 2.5%;
  margin-bottom: 18px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  min-height: 250px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item:last-child {
  margin-right: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item {
    width: 48%;
    min-height: 220px;
    margin-bottom: 10px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item {
    min-height: 190px;
    width: 23%;
    margin-right: 2%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item {
    min-height: 200px;
    width: 23%;
    margin-right: 2%;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view {
  margin: 0;
  width: 100%;
  position: relative;
  border: 4px solid #f0eddf  !important;
  padding: 30px 10px;
  text-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  align-items: center;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view {
    min-height: 250px;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view:before {
  content: " ";
  position: absolute;
  left: 13px;
  bottom: -7px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #84c7f4  !important;
  z-index: -1;
  display: block;
  visibility: visible;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view:after {
  content: " ";
  position: absolute;
  right: 14px;
  top: -6px;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #84c7f4  !important;
  z-index: -1;
  display: block;
  visibility: visible;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -js-display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
  font-size: 65px;
  font-size: 4.0625rem;
  font-weight: normal;
  line-height: 60px;
  font-family: 'Monoton', cursive;
  color: #84c7f4  !important;
  display: block;
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: normal;
    line-height: 30px;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: normal;
    line-height: 60px;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-number {
    font-size: 65px;
    font-size: 4.0625rem;
    font-weight: normal;
    line-height: 60px;
  }
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte {
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #626262;
  text-align: center;
  line-height: 22px;
  padding: 0;
}
.node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte p {
  margin: 0;
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte p {
    font-size: 14px;
    font-size: 0.875rem !important;
    line-height: 18px !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte span {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    line-height: 18px !important;
  }
}
@media (max-width: 720px) {
  .node--block-modulable-chiffres-clefs--full .field--name-field-cl-chiffres > .field__items > .field__item .field-collection-view .cl-block .cl-texte {
    font-size: 14px;
    font-size: 0.875rem !important;
    line-height: 18px !important;
    padding: 0;
  }
}

/*****  social network */
.l-social_footer .block--pernod-social-network {
  background: #ededec;
  padding: 3.33333% 40px;
  /**** Actualites */
  /**** facebook*/
  /**** twitter*/
  /**** linkedin*/
  /**** Vimeo */
  /**** Instagram */
  /**** Instagram */
}
@media (min-width: 320px) and (max-width: 720px) {
  .l-social_footer .block--pernod-social-network {
    padding: 40px 0 0;
  }
}
.l-social_footer .block--pernod-social-network input[type="radio"] {
  display: none;
}
.l-social_footer .block--pernod-social-network .input[type="radio"] + label {
  cursor: pointer;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-node[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat 1px 1px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-node[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat 1px -35px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-facebook[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -130px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-facebook[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -130px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-twitter[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -68px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-twitter[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -68px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
  padding: 0 0 0 0px;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-linkedin[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -190px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-linkedin[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -190px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-vimeo[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -322px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-vimeo[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -322px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-instagram[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -257px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-instagram[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -257px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-RSS[type="radio"] + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -394px -2px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.pernod-social-network-option-RSS[type="radio"]:checked + label {
  content: "";
  background: url("../../images/partage-sprite.png") no-repeat -394px -38px;
  width: 40px;
  height: 35px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 17px;
  text-indent: -9999px;
  padding: 0;
}
.l-social_footer .block--pernod-social-network input.form-radio[type="radio"]:checked + label {
  position: relative;
}
.l-social_footer .block--pernod-social-network input.form-radio[type="radio"]:checked + label:after {
  background-color: #ededec;
  border-bottom-color: #949494;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-left-color: #949494;
  border-left-style: solid;
  border-left-width: 0;
  border-right-color: #949494;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #949494;
  border-top-style: solid;
  border-top-width: 1px;
  bottom: -29px;
  content: "";
  z-index: 101;
  display: inline-block;
  height: 17px;
  left: 30%;
  position: absolute;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 17px;
}
.l-social_footer .block--pernod-social-network .form-item {
  margin-bottom: 10px;
  text-align: center;
}
.l-social_footer .block--pernod-social-network .form-item label {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  display: inline-block;
  color: #949494;
}
.l-social_footer .block--pernod-social-network .form-item label:first-child {
  vertical-align: calc(-27%);
}
.l-social_footer .block--pernod-social-network .form-radios label {
  text-indent: -9999px;
  background-image: url(images/sprite/partage-sprite.png);
  width: 40px;
  height: 35px;
  cursor: pointer;
}
.l-social_footer .block--pernod-social-network #edit-services {
  display: inline-block;
  margin-left: 40px;
}
@media (min-width: 320px) and (max-width: 720px) {
  .l-social_footer .block--pernod-social-network #edit-services {
    margin-top: 40px;
  }
}
.l-social_footer .block--pernod-social-network #edit-services > .form-item {
  display: inline-block;
}
.l-social_footer .block--pernod-social-network #wrapper-social {
  border-top: 1px solid #949494;
  padding: 35px 0;
  /*** actualités*/
  /*** social bloc*/
}
@media (min-width: 320px) and (max-width: 720px) {
  .l-social_footer .block--pernod-social-network #wrapper-social {
    padding: 35px 30px;
  }
}
.l-social_footer .block--pernod-social-network #wrapper-social p {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 100;
}
.l-social_footer .block--pernod-social-network #wrapper-social .node--actualite .date-actualite {
  padding-top: 5px;
  color: #91e2c7;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 100;
  float: left;
  vertical-align: top;
  padding-right: 10px;
}
.l-social_footer .block--pernod-social-network #wrapper-social .node--actualite .field--type-text-with-summary {
  padding-right: 10px;
  vertical-align: top;
}
.l-social_footer .block--pernod-social-network #wrapper-social .node--actualite a {
  padding-top: 5px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 100;
  display: inline-block;
  vertical-align: top;
  text-decoration: underline;
}
.l-social_footer .block--pernod-social-network #wrapper-social .node--actualite a:before {
  background: url("../../images/header-menu-icons-sprite.png") no-repeat 2px -110px;
  width: 16px;
  height: 18px;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns {
  background: none;
  padding: 0;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content {
  background: none;
  padding: 0;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li {
  padding: 0;
  position: relative;
  font-size: 11px;
  color: #949494;
  background: none;
  border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin-bottom: 4px;
  line-height: 1.35em;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .section-text {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 100;
  line-height: 1.2em;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li.dcsns-twitter a {
  color: #91e2c7;
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .twitter-user a strong {
  /*display:none;*/
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .section-intro, .l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .section-thumb, .l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .section-share, .l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .icon, .l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .section-user {
  /*display:none;*/
}
.l-social_footer .block--pernod-social-network #wrapper-social .dcsns .dcsns-content .stream > li .inner {
  padding: 0;
}

@media (max-width: 720px) {
  .node-type-metier .block--block-9 {
    padding: 0 15px;
  }
}
@media (max-width: 720px) {
  .node-type-metier .block--block-9 p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.node-type-metier .titre-page-metier p {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267c;
  line-height: 1em;
  letter-spacing: initial;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .node-type-metier .titre-page-metier p {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 35px 0 0 0;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}
.node-type-metier .group-titre-metier-mobile {
  color: #56267c;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 10px 25px 25px 50px;
  background: url("../../images/metier-title-icon-mobile.png") no-repeat;
  background-size: 70px;
  display: none;
}
@media (max-width: 720px) {
  .node-type-metier .group-titre-metier-mobile {
    display: block;
    margin: 0 15px;
  }
}
@media (max-width: 720px) {
  .node-type-metier.page-node-603 .group-titre-metier-mobile, .node-type-metier.page-node-282 .group-titre-metier-mobile {
    background-position: -15px -1095px;
    /*-30px -2240px*/
  }
  .node-type-metier.page-node-605 .group-titre-metier-mobile, .node-type-metier.page-node-283 .group-titre-metier-mobile {
    background-position: 0px -270px;
    padding-left: 80px;
  }
  .node-type-metier.page-node-606 .group-titre-metier-mobile, .node-type-metier.page-node-319 .group-titre-metier-mobile {
    background-position: -10px -410px;
  }
  .node-type-metier.page-node-607 .group-titre-metier-mobile, .node-type-metier.page-node-320 .group-titre-metier-mobile {
    background-position: -10px -1230px;
  }
  .node-type-metier.page-node-608 .group-titre-metier-mobile, .node-type-metier.page-node-321 .group-titre-metier-mobile {
    background-position: -5px -685px;
    padding-left: 70px;
  }
  .node-type-metier.page-node-609 .group-titre-metier-mobile, .node-type-metier.page-node-322 .group-titre-metier-mobile {
    background-position: -5px -548px;
    padding-left: 70px;
  }
  .node-type-metier.page-node-610 .group-titre-metier-mobile, .node-type-metier.page-node-323 .group-titre-metier-mobile {
    background-position: -5px -960px;
    padding-left: 70px;
  }
  .node-type-metier.page-node-611 .group-titre-metier-mobile, .node-type-metier.page-node-324 .group-titre-metier-mobile {
    background-position: -5px -810px;
    padding-left: 70px;
  }
  .node-type-metier.page-node-612 .group-titre-metier-mobile, .node-type-metier.page-node-325 .group-titre-metier-mobile {
    background-position: -10px 0px;
  }
}
.node-type-metier .block--views-page-m-tier-block-1 {
  display: block;
}
@media (max-width: 720px) {
  .node-type-metier .block--views-page-m-tier-block-1 {
    display: none;
  }
}
@media (max-width: 720px) {
  .node-type-metier .field--name-field-lien-espace-condidat {
    text-align: center;
    padding: 0 15px;
  }
}
.node-type-metier .field--name-field-lien-espace-condidat a {
  margin: 14px 0 0 0;
  display: inline-block;
}
@media (max-width: 720px) {
  .node-type-metier .field--name-field-lien-espace-condidat a {
    margin: 8px 0 0 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 12px 25px;
    /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -moz context. */
    -moz-border-radius: 40px;
    /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
    /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
    /* Creating new -webkit context. */
    -webkit-border-radius: 40px;
    border-radius: 40px;
    letter-spacing: 0.4px;
    white-space: inherit;
  }
}
.node-type-metier .field--name-field-lien-espace-condidat a.external:after {
  font-family: 'icomoon' !important;
  content: "\e907";
  color: white;
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
}
.node-type-metier .field--name-field-lien-espace-condidat a:hover:after {
  color: #023466;
}
.node-type-metier .node--metier--full {
  background: #f8f8f6;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full {
    padding: 0 0 40px 0;
    background: none;
  }
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .node__content {
    padding: 0;
    max-width: inherit;
    margin: inherit;
  }
}
.node-type-metier .node--metier--full .node__content h1, .node-type-metier .node--metier--full .node__content h2, .node-type-metier .node--metier--full .node__content h3, .node-type-metier .node--metier--full .node__content h4, .node-type-metier .node--metier--full .node__content h5, .node-type-metier .node--metier--full .node__content h6 {
  color: #56267d !important;
  margin-bottom: 10px;
}
.node-type-metier .node--metier--full .node__content h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1;
}
.node-type-metier .node--metier--full .group-metier-content {
  width: 68%;
  display: inline-block;
  vertical-align: top;
  padding: 0 45px 0 0;
}
@media (min-width: 1200px) {
  .node-type-metier .node--metier--full .group-metier-content {
    width: 740px;
  }
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .group-metier-content {
    width: 100%;
    padding: 0 15px 20px 15px;
    background: white;
  }
}
.node-type-metier .node--metier--full .group-metier-side {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  padding: 0 0 30px 0;
}
@media (min-width: 1200px) {
  .node-type-metier .node--metier--full .group-metier-side {
    width: 350px;
  }
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .group-metier-side {
    width: 100%;
    background: #f8f8f6;
    padding: 0 15px 30px 15px;
  }
}
.node-type-metier .node--metier--full .group-metier-side .node--metier-temoignage {
  background: #fff;
}
.node-type-metier .node--metier--full .group-metier-side h2 {
  font-family: "Roboto", sans-serif;
  font-size: 44px;
  font-size: 2.75rem;
  font-weight: 100;
  padding: 36px 0;
  display: none;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .group-metier-side h2 {
    display: block;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 0;
  }
}
.node-type-metier .node--metier--full .group-metier-side a.lien-decouvrez-temoignages {
  display: inline-block;
  margin: 26px 0;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .group-metier-side a.lien-decouvrez-temoignages {
    background: transparent;
    color: #023466;
    padding: 5px 0;
    margin: 20px 0;
    border-top: 2px solid #e5e8eb;
    border-bottom: 2px solid #e5e8eb;
    border-radius: 0;
    white-space: inherit;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    width: 100%;
  }
  .node-type-metier .node--metier--full .group-metier-side a.lien-decouvrez-temoignages:hover {
    color: #023466;
    background: transparent;
    border-top: 2px solid #e5e8eb;
    border-bottom: 2px solid #e5e8eb;
    border-right: 2px solid white;
    border-left: 2px solid white;
  }
}
.node-type-metier .node--metier--full .field--name-body p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .field--name-body p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
  }
}
.node-type-metier .node--metier--full .field--name-body h2, .node-type-metier .node--metier--full .field--name-body h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #56267c;
  margin: 20px 0 13px 0;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .field--name-body h2, .node-type-metier .node--metier--full .field--name-body h3 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.node-type-metier .node--metier--full .field--name-body a {
  color: #023466;
  text-decoration: underline;
}
.node-type-metier .node--metier--full .field--name-body a:hover {
  color: #56267c;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant {
  display: inline-block;
  /* Capability css-boxshadow is prefixed with -moz because 0.16452% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  /* Capability css-boxshadow is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability css-boxshadow is prefixed with -webkit because 1.6785% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .node__content {
  padding: inherit;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant h2 {
  display: none;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .media-vimeo-video, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .media-youtube-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .media-vimeo-video iframe, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .media-youtube-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-media {
  position: relative;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-media img {
  vertical-align: top;
  display: block;
  width: 100%;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-ref-metier a {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fff;
  padding: 0 10px;
  margin: 0 0 23px 0;
  display: inline-block;
  vertical-align: top;
  background-color: #009586;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-ref-metier a {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold;
    padding: 0 5px;
    margin: 0 0 10px 0;
  }
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-filliale, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-fonction-occupee, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-title-field {
  padding: 0 30px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-filliale, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-fonction-occupee, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-title-field {
    min-height: 22px;
  }
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-filliale, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-fonction-occupee, .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-title-field {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0 20px;
  }
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-title-field {
  color: #56267c;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-title-field:hover {
  text-decoration: underline;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-filliale {
  color: #56267c;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-filliale:hover {
  text-decoration: underline;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-fonction-occupee {
  color: #6b6464;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant .field--name-field-fonction-occupee:hover {
  text-decoration: underline;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant a.icone-voir-temoignage {
  background: url("../../images/icon-play.png") no-repeat 0 -60px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  height: 60px;
  width: 60px;
  background-size: 60px;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant a.icone-voir-temoignage:hover {
  background-position: 0 0;
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant a.lien-voir-temoignage {
  color: #023466;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 19px 30px 23px 30px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 720px) {
  .node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant a.lien-voir-temoignage {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 8px 20px 20px;
  }
}
.node-type-metier .node--metier--full .field--name-field-temoignage-mis-en-avant a.lien-voir-temoignage:hover {
  text-decoration: underline;
}

.view-page-m-tier {
  margin: 40px 0 20px 0;
}
.view-page-m-tier .view-header {
  margin-bottom: 15px;
}
.view-page-m-tier .view-header p {
  color: #56267c;
  font-weight: bold;
}
.view-page-m-tier .views-row {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-left: 1px solid #e4e4e4;
  padding: 16px 8px 0 8px;
  width: 106.7px;
  margin-right: -4px;
  box-sizing: content-box;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .view-page-m-tier .views-row {
    width: 103px;
    padding: 16px 0 0 0;
  }
}
.view-page-m-tier .views-row.views-row-last {
  border-right: 1px solid #e4e4e4;
}
.view-page-m-tier .views-row.views-row-active {
  border: 4px solid #56267c;
}
.view-page-m-tier .views-row:hover .views-field-field-picto, .view-page-m-tier .views-row.views-row-active .views-field-field-picto {
  display: none;
}
.view-page-m-tier .views-row:hover .views-field-field-picto-hover, .view-page-m-tier .views-row.views-row-active .views-field-field-picto-hover {
  display: block;
}
.view-page-m-tier .views-row:hover a {
  color: #56267c;
}
.view-page-m-tier .views-field-field-picto, .view-page-m-tier .views-field-field-picto-hover {
  text-align: center;
}
.view-page-m-tier .views-field-field-picto-hover {
  display: none;
}
.view-page-m-tier .views-field-title {
  text-align: center;
  line-height: 18px;
  margin: 1px 0 0 0;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .view-page-m-tier .views-field-title {
    padding: 0 5px;
  }
}
.view-page-m-tier .views-field-title a {
  display: inline-block;
  vertical-align: top;
  color: #023466;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: bold;
  min-height: 49px;
}
.view-page-m-tier .views-field-title a:hover, .view-page-m-tier .views-field-title a.active {
  color: #56267c;
}
.view-page-m-tier .views-field-title a.active:after {
  position: absolute;
  bottom: -9px;
  left: 45%;
  width: 10px;
  height: 5px;
  content: " ";
  background: url("../../images/arrow-menu-metier.png") center bottom no-repeat;
  background-size: 10px;
}
.view-page-m-tier .views-field-body {
  margin-bottom: 35px;
}
.view-page-m-tier .views-field-nothing a {
  display: inline-block;
  color: #fff;
  background: #023466;
  padding: 14px 50px 14px 20px;
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 30px;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.section-faq h1 {
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 100;
  color: #023467;
  line-height: 1em;
  margin-bottom: 10px;
}
@media (max-width: 720px) {
  .section-faq h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px 0 15px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}
.section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper {
  display: none;
}
@media (max-width: 720px) {
  .section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper {
    display: block;
  }
}
.section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper .new-select {
  /* Capability border-radius is prefixed with -moz because 0.25036% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-border-radius: 40px;
  /* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 0.1. */
  /* Capability border-radius is prefixed with -webkit because 0.1583% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border: 1px solid #56267c;
  min-height: 80px;
  margin: 0 30px;
  position: relative;
  display: block;
  background: url("../../images/arrow-jump-menu-violet.png") no-repeat 93% center;
}
.section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper .new-select .select {
  position: absolute;
  height: 80px;
  color: #56267c;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: normal;
  top: 0;
  border: 0;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 75px;
  padding: 0 0 0 20px;
  display: table;
}
.section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper .new-select .select span {
  display: table-cell;
  vertical-align: middle;
  line-height: normal;
}
.section-faq #edit-field-th-matiques-tid-selective-mobile-wrapper .new-select select {
  position: relative;
  background: #fff;
  height: 78px;
  width: 100%;
}
.section-faq .filtres-checkbox-collabsible .block--views .views-exposed-form .views-exposed-widgets .views-exposed-widget {
  border-color: #023466;
}

.page-journalistes-contact-faq .faq-style h2 {
  color: #d51100;
}

.page-investisseurs-contact-faq .faq-style h2 {
  color: #ff5b09;
}

.faq-style {
  font-family: "Roboto", sans-serif;
  margin: 0 0 40px 0;
}
.faq-style .view-content {
  padding: 40px 40px 0;
}
@media (max-width: 720px) {
  .faq-style .view-content {
    padding: 0 15px;
  }
}
.faq-style h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267d;
  line-height: 1em;
}
@media (max-width: 720px) {
  .faq-style h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px 0px 15px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}
.faq-style .view-filters {
  border-bottom: 1px solid #023467;
  margin: 0 0 30px 0;
}
@media (max-width: 720px) {
  .faq-style .view-filters {
    display: none;
  }
}
.faq-style .view-filters .views-exposed-widgets {
  margin: 0;
}
.faq-style .view-filters .chosen-container, .faq-style .view-filters .new-select {
  width: 291px !important;
}
@media (max-width: 720px) {
  .faq-style .view-filters .chosen-container, .faq-style .view-filters .new-select {
    width: 100% !important;
  }
}
.faq-style .view-filters .chosen-container-single .chosen-single, .faq-style .view-filters .new-select {
  border-right: 1px solid #023467;
  padding: 0 0 0 30px;
  height: 42px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  background: none;
}
@media (max-width: 720px) {
  .faq-style .view-filters .chosen-container-single .chosen-single, .faq-style .view-filters .new-select {
    padding: 0;
  }
}
.faq-style .view-filters .new-select .select {
  left: 30px;
}
.faq-style .view-filters .views-exposed-form .views-exposed-widget {
  padding: 0;
}
@media (max-width: 720px) {
  .faq-style .view-filters .views-exposed-form .views-exposed-widget {
    width: 100%;
  }
}
.faq-style .view-filters .chosen-container-single .chosen-single div {
  top: 11px;
  right: 27px;
  height: 18px;
}
.faq-style .view-filters .chosen-container-single .chosen-single div b {
  background-position: 3px 0;
}
.faq-style .view-filters .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -14px 0;
}
.faq-style .view-filters .chosen-container-single .chosen-single span {
  line-height: 39px;
}
.faq-style .view-filters .chosen-container .chosen-results li:before {
  color: #023467;
}
.faq-style .view-filters .chosen-container-single .chosen-drop {
  border: 1px solid #023467;
  border-top: 0;
}
.faq-style .views-row .views-field-title {
  padding: 13px 60px 17px 26px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  border-top: 1px solid #eee;
  border-right: 4px solid #fff;
  border-left: 4px solid #fff;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-title {
    padding: 13px 60px 17px 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    border: 0;
    border-top: 1px solid #eee;
  }
}
.faq-style .views-row .views-field-title a {
  font-family: "Roboto", sans-serif;
}
.faq-style .views-row .views-field-title a {
  color: #023467;
}
.faq-style .views-row .views-field-title.ui-state-active {
  border-top: 4px solid #7fa4d0;
  border-right: 4px solid #7fa4d0;
  border-left: 4px solid #7fa4d0;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-title.ui-state-active {
    border: 0;
    border-top: 1px solid #eee;
  }
}
.faq-style .views-row.views-row-last .views-field-title {
  border-bottom: 1px solid #eee;
}
.faq-style .views-row.views-row-last .views-field-title.ui-state-active {
  border-bottom: none;
}
.faq-style .views-row .views-fieldset {
  border-top: 1px solid #eee;
  border-bottom: 4px solid #7fa4d0;
  padding: 22px 26px;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-fieldset {
    padding: 22px 0 0 0;
    border: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.faq-style .views-row .views-field-body {
  color: #626262;
  word-break: break-word;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-body {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: normal;
  }
}
.faq-style .views-row .views-field-body strong {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-body strong {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
  }
}
.faq-style .views-row .views-field-body p {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-body p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
  }
}
.faq-style .views-row .views-field-body a a {
  color: #6b6464;
}
.faq-style .views-row .views-field-body .col-md-6 {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-body .col-md-6 {
    width: 100%;
  }
}
.faq-style .views-row .views-field-body .col-md-6.col-2 {
  padding: 0 0 0 48px;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-body .col-md-6.col-2 {
    padding: 0;
  }
}
.faq-style .views-row .views-field-field-file-download {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #202020;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 12px 0 16px 0;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-field-file-download {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
  }
}
.faq-style .views-row .views-field-field-file-download .views-label, .faq-style .views-row .views-field-field-file-download .field-content {
  display: inline-block;
  vertical-align: top;
}
.faq-style .views-row .views-field-field-file-download a {
  color: #023467;
  padding: 0 41px 0 16px;
  background: url("../../images/icon-faq-download-link.png") no-repeat 97% center;
}
@media (max-width: 720px) {
  .faq-style .views-row .views-field-field-file-download a {
    padding: 5px 41px 0 0px;
  }
}
.faq-style .views-row .views-field-field-file-download .file-icon, .faq-style .views-row .views-field-field-file-download .detail {
  display: none;
}
.faq-style .ui-accordion .ui-accordion-content {
  padding: 0;
  border-right: 4px solid #fff;
  border-left: 4px solid #fff;
  border-bottom: 0;
}
.faq-style .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-right: 4px solid #7fa4d0;
  border-left: 4px solid #7fa4d0;
  margin-bottom: 20px;
}
@media (max-width: 720px) {
  .faq-style .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border: 0;
  }
}
.faq-style .ui-accordion .ui-accordion-content .views-row-last .ui-accordion .ui-accordion-content {
  border-bottom: 1px solid #eee;
}
.faq-style .ui-state-default, .faq-style .ui-widget-content .ui-state-default, .faq-style .ui-widget-header .ui-state-default {
  border: inherit;
  background: inherit;
}
.faq-style .ui-corner-all,
.faq-style .ui-corner-top,
.faq-style .ui-corner-bottom,
.faq-style .ui-corner-right,
.faq-style .ui-corner-left,
.faq-style .ui-corner-tl,
.faq-style .ui-corner-bl,
.faq-style .ui-corner-tr,
.faq-style .ui-corner-br {
  border-radius: inherit;
}
.faq-style .ui-state-active, .faq-style .ui-widget-content .ui-state-active, .faq-style .ui-widget-header .ui-state-active {
  border: 0;
}
.faq-style .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  right: 27px;
  left: inherit;
  width: 31px;
  height: 31px;
  top: 37%;
}
@media (max-width: 720px) {
  .faq-style .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    top: 43%;
    right: 0;
  }
}
.faq-style .ui-accordion .ui-accordion-header.ui-state-default .ui-icon {
  background: url("../../images/faq-accordion-icon.png") no-repeat 0px -69px;
}
@media (max-width: 720px) {
  .faq-style .ui-accordion .ui-accordion-header.ui-state-default .ui-icon {
    background: url("../../images/faq-accordion-icon-mobile.png") no-repeat 10px -35px;
    background-size: 16px;
  }
}
.faq-style .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
  background: url("../../images/faq-accordion-icon.png") no-repeat 0px 16px;
}
@media (max-width: 720px) {
  .faq-style .ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
    background: url("../../images/faq-accordion-icon-mobile.png") no-repeat 10px 10px;
    background-size: 16px;
  }
}

.page-journalistes-contact-faq h1, .page-journalistes-contact-faq .block-col-3 strong {
  color: #d51100;
}

.page-investisseurs-contact-faq h1, .page-investisseurs-contact-faq .block-col-3 strong {
  color: #ff5b09;
}

.page-investisseurs-contact-faq h1, .page-journalistes-contact-faq h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  line-height: 1em;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq h1, .page-journalistes-contact-faq h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px 0px 15px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}
.page-investisseurs-contact-faq .block-col-3, .page-journalistes-contact-faq .block-col-3 {
  padding: 0 40px;
  margin-bottom: 50px;
  line-height: 24px;
  color: #626262;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .block-col-3, .page-journalistes-contact-faq .block-col-3 {
    padding: 0 15px;
  }
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4, .page-journalistes-contact-faq .block-col-3 .col-md-4 {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .page-investisseurs-contact-faq .block-col-3 .col-md-4, .page-journalistes-contact-faq .block-col-3 .col-md-4 {
    width: 32% !important;
  }
}
@media (min-width: 720px) and (max-width: 960px) {
  .page-investisseurs-contact-faq .block-col-3 .col-md-4, .page-journalistes-contact-faq .block-col-3 .col-md-4 {
    width: 32% !important;
  }
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .block-col-3 .col-md-4, .page-journalistes-contact-faq .block-col-3 .col-md-4 {
    width: 100% !important;
  }
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4:nth-child(1), .page-journalistes-contact-faq .block-col-3 .col-md-4:nth-child(1) {
  width: 397px;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4:nth-child(2), .page-journalistes-contact-faq .block-col-3 .col-md-4:nth-child(2) {
  width: 395px;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4:nth-child(3), .page-journalistes-contact-faq .block-col-3 .col-md-4:nth-child(3) {
  width: 320px;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4 p, .page-journalistes-contact-faq .block-col-3 .col-md-4 p {
  margin: 0 0 15px 0;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4 p strong, .page-journalistes-contact-faq .block-col-3 .col-md-4 p strong {
  margin: 0;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4.col-1 p, .page-journalistes-contact-faq .block-col-3 .col-md-4.col-1 p {
  margin: 0 0 20px 0;
}
.page-investisseurs-contact-faq .block-col-3 .col-md-4 a, .page-journalistes-contact-faq .block-col-3 .col-md-4 a {
  color: #023466;
  text-decoration: underline;
}
.page-investisseurs-contact-faq .views-row .views-fieldset, .page-journalistes-contact-faq .views-row .views-fieldset {
  border-bottom: 4px solid #c9f2e9;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .views-row .views-fieldset, .page-journalistes-contact-faq .views-row .views-fieldset {
    border: 0;
  }
}
.page-investisseurs-contact-faq .views-row .views-field-title.ui-state-active, .page-journalistes-contact-faq .views-row .views-field-title.ui-state-active {
  border-top: 4px solid #c9f2e9;
  border-right: 4px solid #c9f2e9;
  border-left: 4px solid #c9f2e9;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .views-row .views-field-title.ui-state-active, .page-journalistes-contact-faq .views-row .views-field-title.ui-state-active {
    border: 0;
    border-top: 1px solid #eee;
  }
}
.page-investisseurs-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active, .page-journalistes-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-right: 4px solid #c9f2e9;
  border-left: 4px solid #c9f2e9;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active, .page-journalistes-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border: 0;
  }
}

.block-faq-style h2 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #00adba;
  line-height: 1em;
  margin-bottom: 38px;
}
@media (max-width: 720px) {
  .block-faq-style h2 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 35px 15px 0px 15px;
    line-height: 1.2em;
    margin-bottom: 20px;
  }
}

.contact-faq-intro p {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .contact-faq-intro p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    margin-top: 20px;
  }
}

.page-journalistes-contact-faq .views-row .views-fieldset {
  border-bottom: 4px solid #e6d1e0;
}
@media (max-width: 720px) {
  .page-journalistes-contact-faq .views-row .views-fieldset {
    border: 0;
  }
}
.page-journalistes-contact-faq .views-row .views-field-title.ui-state-active {
  border-top: 4px solid #e6d1e0;
  border-right: 4px solid #e6d1e0;
  border-left: 4px solid #e6d1e0;
  margin-top: -1px;
}
@media (max-width: 720px) {
  .page-journalistes-contact-faq .views-row .views-field-title.ui-state-active {
    border: 0;
    border-top: 1px solid #e6d1e0;
  }
}
.page-journalistes-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-right: 4px solid #e6d1e0;
  border-left: 4px solid #e6d1e0;
}
@media (max-width: 720px) {
  .page-journalistes-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border: 0;
  }
}

.page-investisseurs-contact-faq .views-row .views-fieldset {
  border-bottom: 4px solid #ffebac;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .views-row .views-fieldset {
    border: 0;
  }
}
.page-investisseurs-contact-faq .views-row .views-field-title.ui-state-active {
  border-top: 4px solid #ffebac;
  border-right: 4px solid #ffebac;
  border-left: 4px solid #ffebac;
  margin-top: -1px;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .views-row .views-field-title.ui-state-active {
    border: 0;
    border-top: 1px solid #ffebac;
  }
}
.page-investisseurs-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-right: 4px solid #ffebac;
  border-left: 4px solid #ffebac;
}
@media (max-width: 720px) {
  .page-investisseurs-contact-faq .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border: 0;
  }
}

.section-espace-actionnaire .views-row .views-fieldset {
  border-bottom: 4px solid #ffebac;
}
@media (max-width: 720px) {
  .section-espace-actionnaire .views-row .views-fieldset {
    border: 0;
    padding: 22px 0 5px;
  }
}
.section-espace-actionnaire .views-row .views-fieldset .block.pour-aller-plus-loin.no-margin a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  color: #023466;
  display: inline-block;
  position: relative;
  font-size: 17px;
  margin-left: 5px;
}
.section-espace-actionnaire .views-row .views-field-title.ui-state-active {
  border-top: 4px solid #ffebac;
  border-right: 4px solid #ffebac;
  border-left: 4px solid #ffebac;
  margin-top: -1px;
}
@media (max-width: 720px) {
  .section-espace-actionnaire .views-row .views-field-title.ui-state-active {
    border: 0;
    border-top: 1px solid #eee;
  }
}
.section-espace-actionnaire .ui-accordion .ui-accordion-content.ui-accordion-content-active {
  border-right: 4px solid #ffebac;
  border-left: 4px solid #ffebac;
}
@media (max-width: 720px) {
  .section-espace-actionnaire .ui-accordion .ui-accordion-content.ui-accordion-content-active {
    border: 0;
  }
}

.agendaPage > .view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.agendaPage .views-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.agendaPage .views-row .views-field-title-field {
  min-height: inherit !important;
}
.agendaPage .views-row .views-field-field-lieu {
  color: #626262;
}
.agendaPage .views-row .views-field-field-date-3 {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: auto;
}

#block-views-listes-v-nements-block-1 .view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#block-views-listes-v-nements-block-1 .views-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#block-views-listes-v-nements-block-1 .views-row .views-field-field-date-3 {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: auto;
}

.viewslistes-v-nements-block-1 {
  padding-top: 40px;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list .slick-track .slider-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list .slick-track .slider-item .views-row {
  flex: 1;
  padding-bottom: 45px;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list .slick-track .slider-item .views-row .views-field-field-date-3 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
}
.viewslistes-v-nements-block-1 .views-listes-v-nements1 .liste-evenements .slick-list .slick-track .slider-item .views-row .views-field-field-date-3 .addtocal {
  background: none;
}

.wrapper-line {
  padding: 0;
  border-bottom: 1px solid #ff5b09;
  max-width: none;
}
@media (max-width: 720px) {
  .wrapper-line {
    display: none;
  }
}

.block--jump-menu.jump-menu-orange span.select {
  white-space: nowrap;
}

.page-node-937 .page-evenements h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #56267c;
  line-height: 1em;
  letter-spacing: initial;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .page-node-937 .page-evenements h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px;
    margin: 0;
  }
}
.page-node-937 .page-evenements .top-menu-onglet.block-wrapper {
  padding: 0;
}
.page-node-937 .page-evenements .liste-evenements {
  padding: 0 40px;
}
@media (max-width: 720px) {
  .page-node-937 .page-evenements .liste-evenements {
    padding: 0 15px;
  }
}
.page-node-937 .page-evenements .liste-evenements .view-footer {
  display: none;
}
.page-node-937 .page-evenements .liste-evenements .liste-evenements .view-footer {
  display: none;
}
@media (max-width: 720px) {
  .page-node-937 .page-evenements .liste-evenements .liste-evenements .view-footer {
    display: block;
  }
}
.page-node-937 .page-evenements .liste-evenements .slider-item .views-row {
  padding: 25px;
  border: 4px solid #f9d4c1;
  margin: 0 10px 10px 10px;
}
.page-node-937 .page-evenements .liste-evenements .slider-item .views-row:before, .page-node-937 .page-evenements .liste-evenements .slider-item .views-row:after {
  content: " ";
  position: absolute;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #56267c;
  z-index: -1;
}
.page-node-937 .page-evenements .liste-evenements .slider-item .views-row:before {
  right: 25px;
  top: -4px;
}
.page-node-937 .page-evenements .liste-evenements .slider-item .views-row:after {
  left: 26px;
  bottom: 7px;
}
.page-node-937 .liste-evenements {
  margin: 30px 0;
}
.page-node-937 .liste-evenements .slider-item {
  vertical-align: top;
  text-align: center;
  position: relative;
}
.page-node-937 .liste-evenements .slider-item .views-row {
  padding: 25px;
  border: 4px solid #f9d4c1;
  margin: 0 10px 10px 10px;
}
.page-node-937 .liste-evenements .slider-item .views-row:before, .page-node-937 .liste-evenements .slider-item .views-row:after {
  content: " ";
  position: absolute;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #56267c;
  z-index: -1;
}
.page-node-937 .liste-evenements .slider-item .views-row:before {
  right: 25px;
  top: -4px;
}
@media (max-width: 720px) {
  .page-node-937 .liste-evenements .slider-item {
    margin: 0;
  }
}
.page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border: 1px solid #f9d4c1;
  padding: 15px 0;
}
.page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field:nth-child(2) {
  border-left: 0;
  margin-left: -4px;
  background: url("../../images/icon-date-arrow-violet.png") no-repeat left center;
}
.page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field span {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-family: "Roboto", sans-serif;
  color: #626262;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field span.day-number span {
  font-family: "monoton";
  color: #56267c;
  font-size: 56px;
  font-size: 3.5rem;
  font-weight: normal;
  padding: 15px 0;
}
.page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field .views-field-field-date span, .page-node-937 .liste-evenements .slider-item .dates.views-fieldset .views-field .views-field-field-date-end-2 span {
  font-family: "monoton";
  color: #56267c;
  font-size: 56px;
  font-size: 3.5rem;
  font-weight: normal;
  padding: 15px 0;
}
.page-node-937 .liste-evenements .slider-item .views-field-title-field {
  color: #56267c;
}
.page-node-937 .liste-evenements .slider-item .views-field-title-field a {
  color: #56267c;
}
.page-node-937 .liste-evenements .slider-item .views-field-field-date-3 .date-display-single {
  display: none;
}
.page-node-937 .liste-evenements .slider-item .views-field-field-date-3 .addtocal {
  float: none;
  border: 0;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #023466;
}
.page-node-937 .liste-evenements .slider-item .views-field-field-date-3 .addtocal:hover {
  text-decoration: underline !important;
}
.page-node-937 .liste-evenements .slider-item .views-field-field-date-3 .addtocal_menu {
  width: 83%;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #023466;
  border: 1px solid #FFD5C0;
  top: inherit !important;
  bottom: 0;
}

.page-evenements h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #ff5b09;
  line-height: 1em;
  letter-spacing: initial;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .page-evenements h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px;
    margin: 0;
  }
}
.page-evenements .top-menu-onglet.block-wrapper {
  padding: 0;
  border-bottom: 1px solid #ff5b09;
  max-width: none;
}
.page-evenements .liste-evenements {
  padding: 0 40px;
}
@media (max-width: 720px) {
  .page-evenements .liste-evenements {
    padding: 0 15px;
  }
}
.page-evenements .liste-evenements .view-footer {
  display: none;
}
.page-evenements .liste-evenements .liste-evenements .view-footer {
  display: none;
}
@media (max-width: 720px) {
  .page-evenements .liste-evenements .liste-evenements .view-footer {
    display: block;
  }
}
.page-evenements .liste-evenements .views-row {
  border: 4px solid #ffebac;
  width: 30%;
  left: 13px;
  float: left;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin: 0 3% 40px 0;
  padding: 25px;
}
@media (max-width: 720px) {
  .page-evenements .liste-evenements .views-row {
    width: 93%;
    margin: 0 0 40px;
  }
}
.page-evenements .liste-evenements .views-row:before, .page-evenements .liste-evenements .views-row:after {
  content: " ";
  position: absolute;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #ff5b09;
  z-index: -1;
}
.page-evenements .liste-evenements .views-row:before {
  right: 11px;
  top: -8px;
}
.page-evenements .liste-evenements .views-row:after {
  left: 13px;
  bottom: -7px;
}
.page-evenements .liste-evenements .views-row .dates.views-fieldset {
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .page-evenements .liste-evenements .views-row .dates.views-fieldset {
    margin-bottom: 0px !important;
  }
}
.page-evenements .liste-evenements .views-row .dates.views-fieldset .views-field {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border: 1px solid #ffebac;
  padding: 15px 0px;
}
.page-evenements .liste-evenements .views-row .dates.views-fieldset .views-field:nth-child(2) {
  border-left: 0;
  margin-left: -4px;
  background: url("../../images/icon-date-arrow.png") no-repeat left center;
}
.page-evenements .liste-evenements .views-row .dates.views-fieldset .views-field span {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-family: "Roboto", sans-serif;
  color: #626262;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.page-evenements .liste-evenements .views-row .dates.views-fieldset .views-field span.day-number span {
  font-family: "monoton";
  color: #ff5b09;
  font-size: 56px;
  font-size: 3.5rem;
  font-weight: normal;
  padding: 15px 0;
}
.page-evenements .liste-evenements .views-row .views-field-title-field {
  color: #ff5b09;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .page-evenements .liste-evenements .views-row .views-field-title-field {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: normal;
  }
}
.page-evenements .liste-evenements .views-row .views-field-title-field a {
  color: #ff5b09;
}
.page-evenements .liste-evenements .views-row .views-field-field-lieu a {
  color: #626262;
}
.page-evenements .liste-evenements .views-row .views-field-field-site-de-levenement a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #023466;
}
.page-evenements .liste-evenements .views-row .views-field-field-site-de-levenement a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
}
.page-evenements .liste-evenements .views-row .views-field-field-site-de-levenement a:hover {
  text-decoration: underline;
}
.page-evenements .liste-evenements .views-row .views-field-field-date-3 .date-display-single {
  display: none;
}
.page-evenements .liste-evenements .views-row .views-field-field-date-3 .addtocal {
  float: none;
  border: 0;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #023466;
}
.page-evenements .liste-evenements .views-row .views-field-field-date-3 .addtocal:hover {
  text-decoration: underline !important;
}
.page-evenements .liste-evenements .views-row .views-field-field-date-3 .addtocal_menu {
  width: 83%;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #023466;
  border: 1px solid #ffebac;
}

.liste-evenements .views-field-field-site-de-levenement a {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #023466;
}
.liste-evenements .views-field-field-site-de-levenement a:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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;
  content: "";
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
}
.liste-evenements .views-field-field-site-de-levenement a:hover {
  text-decoration: underline;
}
.liste-evenements .views-field-field-lieu {
  color: #626262;
}

.page-node-1091 .page-evenements h1 {
  font-size: 52px;
  font-size: 3.25rem;
  font-weight: 100;
  color: #d51100;
  line-height: 1em;
  letter-spacing: initial;
  margin-bottom: 30px;
}
@media (max-width: 720px) {
  .page-node-1091 .page-evenements h1 {
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 300;
    padding: 20px 15px;
    margin: 0;
  }
}
.page-node-1091 .page-evenements .top-menu-onglet.block-wrapper {
  padding: 0;
}
.page-node-1091 .page-evenements .liste-evenements {
  padding: 0 40px;
}
@media (max-width: 720px) {
  .page-node-1091 .page-evenements .liste-evenements {
    padding: 0 15px;
  }
}
.page-node-1091 .page-evenements .liste-evenements .view-footer {
  display: none;
}
.page-node-1091 .page-evenements .liste-evenements .liste-evenements .view-footer {
  display: none;
}
@media (max-width: 720px) {
  .page-node-1091 .page-evenements .liste-evenements .liste-evenements .view-footer {
    display: block;
  }
}
.page-node-1091 .page-evenements .liste-evenements .slider-item .views-row {
  padding: 25px;
  border: 4px solid #e6d1e0;
  margin: 0 10px 10px 10px;
}
.page-node-1091 .page-evenements .liste-evenements .slider-item .views-row:before, .page-node-1091 .page-evenements .liste-evenements .slider-item .views-row:after {
  content: " ";
  position: absolute;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #d51100;
  z-index: -1;
}
.page-node-1091 .page-evenements .liste-evenements .slider-item .views-row:before {
  right: 25px;
  top: -4px;
}
.page-node-1091 .page-evenements .liste-evenements .slider-item .views-row:after {
  left: 26px;
  bottom: 7px;
}
.page-node-1091 .liste-evenements {
  margin: 30px 0;
}
.page-node-1091 .liste-evenements .slider-item {
  vertical-align: top;
  text-align: center;
  position: relative;
}
.page-node-1091 .liste-evenements .slider-item .views-row {
  padding: 25px;
  border: 4px solid #e6d1e0;
  margin: 0 10px 10px 10px;
}
.page-node-1091 .liste-evenements .slider-item .views-row:before, .page-node-1091 .liste-evenements .slider-item .views-row:after {
  content: " ";
  position: absolute;
  /* Capability transforms2d is prefixed with -moz because 0.77252% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -moz context. */
  -moz-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -ms because 2.6001% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -ms context. */
  -ms-transform: rotate(45deg);
  /* Capability transforms2d is prefixed with -webkit because 52.08628% of users need it which is more than the threshold of 0.1%. */
  /* Creating new -webkit context. */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 40px;
  background: #d51100;
  z-index: -1;
}
.page-node-1091 .liste-evenements .slider-item .views-row:before {
  right: 25px;
  top: -4px;
}
.page-node-1091 .liste-evenements .slider-item .views-row:after {
  left: 26px;
  bottom: 7px;
}
@media (max-width: 720px) {
  .page-node-1091 .liste-evenements .slider-item {
    margin: 0;
  }
}
.page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field {
  margin-bottom: 30px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  border: 1px solid #e6d1e0;
  padding: 15px 0;
}
.page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field:nth-child(2) {
  border-left: 0;
  margin-left: -4px;
  background: url("../../images/icon-date-arrow-red.png") no-repeat left center;
}
.page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field span {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-family: "Roboto", sans-serif;
  color: #626262;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
}
.page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field span.day-number span {
  font-family: "monoton";
  color: #d51100;
  font-size: 56px;
  font-size: 3.5rem;
  font-weight: normal;
  padding: 15px 0;
}
.page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field .views-field-field-date span, .page-node-1091 .liste-evenements .slider-item .dates.views-fieldset .views-field .views-field-field-date-end-2 span {
  font-family: "monoton";
  color: #d51100;
  font-size: 56px;
  font-size: 3.5rem;
  font-weight: normal;
  padding: 15px 0;
}
.page-node-1091 .liste-evenements .slider-item .views-field-title-field {
  color: #d51100;
}
.page-node-1091 .liste-evenements .slider-item .views-field-title-field a {
  color: #d51100;
}
.page-node-1091 .liste-evenements .slider-item .views-field-field-date-3 .date-display-single {
  display: none;
}
.page-node-1091 .liste-evenements .slider-item .views-field-field-date-3 .addtocal {
  float: none;
  border: 0;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #023466;
}
.page-node-1091 .liste-evenements .slider-item .views-field-field-date-3 .addtocal:hover {
  text-decoration: underline !important;
}
.page-node-1091 .liste-evenements .slider-item .views-field-field-date-3 .addtocal_menu {
  width: 83%;
  background: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #023466;
  border: 1px solid #FFD5C0;
  top: inherit !important;
  bottom: 0;
}
.page-node-1091 .node--block-modulable-documents {
  padding-top: 20px;
}
@media (max-width: 720px) {
  .view-home-carousel-local-section .views-row .views-field-body p span{
    font-size: 20px !important;
  }
}

#brandy .marques-portfolio-wrapper .popup-info-target p {
  white-space: normal;
}

.panel-pane.pane-block.slideshow.pane-views {
  position: relative;
}