/*-------------*
 *  Colors
 *-------------*/
/* $blue: #509BDF; */
/*-----------------*
 *  Greys
 *----------------*/
/*-----------------*
 *  Height
 *----------------*/

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700");
/*-------------*
 *  Colors
 *-------------*/
/* $blue: #509BDF; */
/*-----------------*
 *  Greys
 *----------------*/
/*-----------------*
 *  Height
 *----------------*/
@import url('/static/scss/lightslider.css?65172ea23c39');
@font-face {
  font-family: 'Spie-Batignolles-font';
  src: url("/static/fonts/Spie-Batignolles-font.eot?hyjmve&0194a8a2a6a2");
  src: url("/static/fonts/Spie-Batignolles-font.eot?hyjmve&0194a8a2a6a2#iefix") format("embedded-opentype"), url("/static/fonts/Spie-Batignolles-font.ttf?hyjmve&0194a8a2a6a2") format("truetype"), url("/static/fonts/Spie-Batignolles-font.woff?hyjmve&0194a8a2a6a2") format("woff"), url("/static/fonts/Spie-Batignolles-font.svg?hyjmve&0194a8a2a6a2#Spie-Batignolles-font") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Spie-Batignolles-font' !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; }

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

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

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

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

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

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

.icon-loupe-mobile:before {
  content: "\e908";
  color: #585858; }

.icon-minus .path1:before {
  content: "\e904";
  color: black; }

.icon-minus .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: white; }

.icon-zoom .path1:before {
  content: "\e906";
  color: black; }

.icon-zoom .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: white; }

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

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

.icon-loupe-desktop .path1:before {
  content: "\e90f";
  color: #363d47; }

.icon-loupe-desktop .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: white; }

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

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

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

/*************************
* animations Animista
**************************/
/* ----------------------------------------------
 * Generated by Animista on 2017-9-7 14:23:15
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@keyframes scale-down-ver-top {
  0% {
    transform: scaleY(1.1);
    transform-origin: 100% 0; }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0; } }

@keyframes scale-down-top {
  0% {
    transform: scale(1);
    transform-origin: 100% 0; }
  100% {
    transform: scale(1);
    transform-origin: 100% 0; } }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); } }

@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); } }

.scale-down-ver-top {
  animation: scale-down-ver-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.scale-down-top {
  animation: scale-down-top 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.slide-top {
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

body {
  background: #fff;
  font-family: 'Montserrat', sans-serif;
  color: #363D47; }

:hover {
  transition: all 0.2s ease-out; }

/*************************
* navbar
**************************/
nav {
  line-height: 1.15;
  transition: ease-in 0.4s;
  transition: ease-out 0.4s; }
  nav.navbar {
    padding: 0px 7.5rem; }
    nav.navbar .navbar-toggler {
      border: none;
      height: 100%;
      cursor: pointer; }
    nav.navbar .navbar-brand {
      position: relative;
      width: 160px;
      height: 67px;
      transition: all 0.2s ease-in; }
      nav.navbar .navbar-brand:hover {
        opacity: 0.8; }
    nav.navbar .icon-menu {
      width: 1.5em;
      height: 1.5em; }
      nav.navbar .icon-menu.mobile #menuCollapse {
        fill: #fff; }
    nav.navbar .navbar-nav {
      align-self: center; }
    nav.navbar #navbarTop {
      position: relative;
      align-self: flex-start;
      padding-top: 0.75em;
      font-size: 13.44px; }
      nav.navbar #navbarTop .nav-item {
        padding-right: 1em;
        align-self: flex-start; }
        nav.navbar #navbarTop .nav-item .btn-nav {
          border: 1px solid white;
          border-radius: 19px;
          padding: 0.3em 1.5em;
          font-weight: 600;
          transition: all 0.3s !important; }
          nav.navbar #navbarTop .nav-item .btn-nav.join-us {
            padding: 0.3em 2.5em; }
        nav.navbar #navbarTop .nav-item .nav-link {
          color: #fff; }
          nav.navbar #navbarTop .nav-item .nav-link:hover {
            color: #363D47;
            background-color: #fff; }
          nav.navbar #navbarTop .nav-item .nav-link.contact {
            display: none; }
            nav.navbar #navbarTop .nav-item .nav-link.contact:hover .st0 {
              fill: #b4b4b4 !important; }
          nav.navbar #navbarTop .nav-item .nav-link.btn-menu {
            padding: 4px 0 0 0; }
            nav.navbar #navbarTop .nav-item .nav-link.btn-menu:hover {
              background: transparent;
              color: #b4b4b4; }
              nav.navbar #navbarTop .nav-item .nav-link.btn-menu:hover .icon-menu #menu {
                fill: #b4b4b4; }
        nav.navbar #navbarTop .nav-item .menu-right.btn-menu {
          cursor: pointer; }
        nav.navbar #navbarTop .nav-item .menu-right:hover .icon-menu #menu {
          fill: #363D47; }
        nav.navbar #navbarTop .nav-item .menu-right.dropdown-toggle:after {
          display: none; }
        nav.navbar #navbarTop .nav-item .links {
          list-style-type: none; }
          nav.navbar #navbarTop .nav-item .links a {
            display: inline-block;
            width: 29px;
            height: 30px; }
            nav.navbar #navbarTop .nav-item .links a:hover {
              text-decoration: none; }
          nav.navbar #navbarTop .nav-item .links .icons {
            font-size: 29px;
            color: #fff;
            border-radius: 50%;
            border: 1px solid #fff; }
          nav.navbar #navbarTop .nav-item .links .fb:hover .icon-facebook {
            color: #363D47;
            background-color: #fff; }
          nav.navbar #navbarTop .nav-item .links .linkedin:hover .icon-link {
            color: #363D47;
            background-color: #fff; }
          nav.navbar #navbarTop .nav-item .links .twitter:hover .icon-twitter {
            color: #363D47;
            background-color: #fff; }
    nav.navbar .line-nav {
      border-top: 1px solid white;
      width: 100%;
      position: absolute;
      top: 33px;
      left: 0;
      right: 0; }
  nav.st-menu #search-menu {
    margin: 2em 0; }
    nav.st-menu #search-menu .search-group {
      background: #b4b4b4; }
      nav.st-menu #search-menu .search-group input, nav.st-menu #search-menu .search-group button {
        background: #b4b4b4;
        border: none; }
      nav.st-menu #search-menu .search-group button {
        padding-top: 0;
        padding-bottom: 0; }
      nav.st-menu #search-menu .search-group .search-btn {
        position: absolute;
        right: 0;
        z-index: 3;
        height: 100%; }
  nav.st-menu .icon-croix {
    padding: 1em;
    color: #646464;
    cursor: pointer; }
  nav.inverted .icon-menu.mobile #menuCollapse {
    fill: #363D47; }
  nav.inverted #navbarTop .nav-item .btn-nav {
    border: 1px solid #363D47; }
  nav.inverted #navbarTop .nav-item .nav-link {
    color: #363D47; }
  nav.inverted #navbarTop .nav-item .menu-right .icon-menu #menu {
    fill: #363D47; }
  nav.inverted #navbarTop .nav-item .links .icons {
    color: #363D47;
    border: 1px solid #363D47; }

.onScroll nav.navbar {
  background-color: #fff;
  transition: background-color 0.5s ease-out;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14), 0 3px 3px rgba(0, 0, 0, 0.17); }
  .onScroll nav.navbar .navbar-brand {
    height: 50px;
    margin-right: 3rem; }
    .onScroll nav.navbar .navbar-brand img {
      border-top-width: 0px;
      border-bottom-width: 0px; }
  .onScroll nav.navbar .icon-menu #menuCollapse {
    fill: #363D47; }
  .onScroll nav.navbar #navbarTop {
    position: relative; }
    .onScroll nav.navbar #navbarTop .nav-item .btn-nav {
      border: 1px solid #363D47; }
    .onScroll nav.navbar #navbarTop .nav-item .nav-link {
      color: #363D47; }
      .onScroll nav.navbar #navbarTop .nav-item .nav-link:hover {
        color: #fff;
        background-color: #363D47; }
      .onScroll nav.navbar #navbarTop .nav-item .nav-link.btn-menu {
        padding: 4px 0 0 0; }
        .onScroll nav.navbar #navbarTop .nav-item .nav-link.btn-menu:hover {
          background: transparent;
          color: #b4b4b4; }
          .onScroll nav.navbar #navbarTop .nav-item .nav-link.btn-menu:hover .icon-menu #menu {
            fill: #b4b4b4; }
    .onScroll nav.navbar #navbarTop .nav-item .menu-right .icon-menu #menu {
      fill: #363D47; }
    .onScroll nav.navbar #navbarTop .nav-item .links .icons {
      color: #363D47;
      border: 1px solid #363D47; }
      .onScroll nav.navbar #navbarTop .nav-item .links .icons:hover {
        background-color: #363D47;
        color: #fff; }

/*************************
* header
**************************/
header {
  padding-top: 77px;
  height: 37em;
  position: relative;
  margin-bottom: 2em;
  background-color: #646464; }
  header .img-header {
    padding: 0;
    z-index: 100; }
    header .img-header img {
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      max-width: 100%;
      object-fit: cover; }
  header .overlay {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%); }

h1 {
  color: #fff;
  font-size: 4em;
  position: relative;
  margin: 0 7.5rem;
  max-width: 60%;
  z-index: 200; }
  h1 span {
    color: #f0af00;
    font-size: 1.5em;
    padding: 0 1rem; }
    h1 span:first-child {
      top: -0.25em;
      left: 0;
      padding-left: 0; }
    h1 span:last-child {
      position: absolute;
      bottom: -0.7em;
      padding-right: 0; }

.fullscreen-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }

.fullscreen-bg__video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (max-width: 767px) {
  .fullscreen-bg__video {
    display: none; } }

/*************************
* search tool
**************************/
#search-form {
  position: absolute;
  bottom: 3.5em;
  padding-right: 7em;
  z-index: 102;
  height: 60px;
  width: 100%;
  flex-direction: row-reverse; }

#search-button {
  color: #fff;
  background-color: #363D47;
  border-radius: 30px;
  z-index: 1;
  cursor: pointer; }
  #search-button .search-button-text {
    display: none; }

#search-button input {
  display: block;
  width: 60px;
  height: 60px;
  background: url("/static/img/icons/search-button.svg?0194a8a2a6a2");
  background-size: 60px 60px;
  text-indent: -9999px;
  border: none;
  outline: none;
  cursor: pointer; }

#search-button input:focus {
  outline: none; }

.search-open #search-form {
  z-index: 1200; }
  .search-open #search-form #search-button .search-button-text {
    padding-left: 1em;
    display: block; }

.search-open .overlay.search {
  opacity: 1;
  visibility: visible; }

.relative-search {
  position: relative;
  width: 80%;
  display: flex;
  height: 100%; }

#search-input-wrapper {
  position: absolute;
  width: 0;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, width 0.3s linear, opacity 0.6s; }
  #search-input-wrapper #search-site-input {
    padding-left: 35px; }

#search-input-wrapper input {
  height: 100%;
  width: 100%;
  padding: 0;
  color: #363D47;
  font-size: 18px;
  backface-visibility: none;
  border-radius: 30px;
  border: 1px solid rgba(54, 61, 71, 0.3); }

#search-input-wrapper input:focus {
  outline: none; }

#search-input-wrapper.focus {
  width: 100%;
  visibility: visible;
  opacity: 1;
  right: -100px; }

#search-input-wrapper.focus input {
  padding: 0.8rem .75rem; }

.ui-autocomplete {
  font-family: 'Roboto', sans-serif;
  color: #363D47;
  width: 1px;
  z-index: 1400; }
  .ui-autocomplete .ui-state-active {
    border: none;
    background: #b4b4b4; }
    .ui-autocomplete .ui-state-active:hover {
      border: none; }

.ui-menu .ui-menu-item-wrapper {
  margin: 0;
  padding: 10px 25px; }

.menu-autocomplete {
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden; }

.ui-tooltip, .ui-state-highlight {
  box-shadow: none; }

/*************************
* animations
**************************/
.fadeIn {
  opacity: 0; }

.fadeIn-load-up {
  -webkit-animation: fadeInUp 1.5s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeInUp 1.5s;
  /* Firefox < 16 */
  -ms-animation: fadeInUp 1.5s;
  /* Internet Explorer */
  -o-animation: fadeInUp 1.5s;
  /* Opera < 12.1 */
  animation: fadeInUp 1.5s; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    margin-top: 150px; }
  to {
    opacity: 1;
    margin-top: 0px; } }

/* Firefox < 16 */
@-moz-keyframes fadeInUp {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadeInUp {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadeInUp {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn-load-down {
  -webkit-animation: fadeInDown 1s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadeInDown 1s;
  /* Firefox < 16 */
  -ms-animation: fadeInDown 1s;
  /* Internet Explorer */
  -o-animation: fadeInDown 1s;
  /* Opera < 12.1 */
  animation: fadeInDown 1s; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    margin-top: -50px; }
  to {
    opacity: 1;
    margin-top: 0px; } }

/* Firefox < 16 */
@-moz-keyframes fadeInDown {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadeInDown {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadeInDown {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*************************
* main classes
**************************/
.up {
  top: 3em; }

img {
  max-width: 100%; }

.main-content {
  z-index: 0; }

.mg-top {
  margin-top: 2em; }

.nopad {
  padding: 0; }

.not-active {
  color: #b4b4b4; }

.icon-block, .icon-list {
  cursor: pointer;
  transition: all .2s; }

.icon-block:hover, .icon-list:hover {
  color: #292b2c; }

.hover-block {
  transition-duration: 0.3s; }
  .hover-block:hover {
    cursor: pointer; }
    .hover-block:hover .overlay {
      background-color: rgba(0, 0, 0, 0.4); }
  .hover-block.paragraph:hover .info .content {
    position: relative; }
    .hover-block.paragraph:hover .info .content h3 {
      margin-bottom: 0.5rem; }

.custom-select.designed {
  border: 1px solid #b4b4b4;
  border-radius: 0;
  color: #363D47;
  font-family: 'Roboto';
  padding: .375rem 4.75rem .375rem .75rem;
  background: #fff url("/static/img/icons/arrow-down.png?0194a8a2a6a2") no-repeat right 0.75rem center;
  background-size: 15px; }

#map-footer .custom-select {
  background: #fff url("/static/img/icons/arrow-down.png?0194a8a2a6a2") no-repeat right 0.75rem center;
  background-size: 15px; }

h2, a.h2 {
  height: 120.48px;
  width: 169.4px;
  border: 3.36px solid #363D47;
  font-size: 17.28px;
  font-weight: bold;
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
  padding-left: 10px;
  padding-bottom: 10px;
  z-index: 500;
  position: absolute;
  top: -2rem;
  left: 0; }
  h2.black:hover, a.h2.black:hover {
    color: inherit; }
  h2.yellow, a.h2.yellow {
    border: 3.36px solid #f0af00;
    z-index: 1; }
  h2.green, a.h2.green {
    border: 3.36px solid #7CC172;
    z-index: 1; }
  h2.blue, a.h2.blue {
    border: 3.36px solid #005fbf;
    z-index: 1; }
    h2.blue.light, a.h2.blue.light {
      border: 3.36px solid #A0DBD0;
      z-index: 2; }
  h2.salmon, a.h2.salmon {
    border: 3.36px solid #EB8064; }
  h2.two-words, a.h2.two-words {
    padding-left: 12px;
    padding-right: 10px; }
    h2.two-words.short, a.h2.two-words.short {
      padding-right: 65px; }
  h2.down, a.h2.down {
    top: -2.8em; }

.title {
  margin-bottom: 75px; }

h3 {
  color: #363D47;
  font-size: 36px;
  font-weight: 600;
  line-height: 35px; }
  h3.lh-short {
    line-height: 20px; }

h4 {
  color: #fff;
  font-size: 13px;
  font-weight: 200;
  line-height: 15px;
  margin-bottom: 0; }
  h4.bold {
    font-weight: 500; }

article {
  color: #363D47;
  font-size: 16px;
  font-weight: normal;
  line-height: 27px; }

.pagination {
  color: #363D47; }
  .pagination a {
    display: flex;
    align-items: center;
    color: #363D47; }
    .pagination a .icon-arrow-left {
      display: inline-block; }
      .pagination a .icon-arrow-left.inverted {
        transform: rotate(180deg); }

.link-list {
  margin: 40px 0; }
  .link-list li {
    color: #f0af00;
    margin-bottom: 20px; }
    .link-list li a {
      color: #000;
      text-decoration: underline; }
      .link-list li a:hover {
        color: #f0af00; }

.row-auto-col {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }
  .row-auto-col .col-auto {
    flex: 1; }

@media (max-width: 768px) {
  .row-auto-col {
    flex-direction: column; } }

.implantation-header .container {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  padding-bottom: 10vh; }
  .implantation-header .container h1 {
    font-size: 42px; }

.implantation-img {
  width: 100px; }
  .implantation-img img {
    width: 100%; }

.implantation-text {
  padding-left: 20px; }

#content {
  padding: 0 100px; }
  #content td {
    vertical-align: top;
    padding-bottom: 20px; }
  #content h3 {
    margin-bottom: 40px; }
  #content h4 {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px; }

@media (max-width: 375px) {
  .implantation-header .container {
    padding: 0; }
  #content {
    padding: 0; } }

/*************************
* page(s)
**************************/
.page .block-img {
  min-height: 17em;
  max-height: 17em; }
  .page .block-img.list {
    min-width: 17em; }

.page .btn.more {
  border: 1px solid #363D47;
  color: #363D47;
  border-radius: 0; }

.page .block {
  min-height: 12em;
  max-height: 12em;
  min-width: 12em; }

.page .filters {
  justify-content: space-between;
  margin-bottom: 30px; }
  .page .filters .icons-toggle {
    text-align: right; }

.page [class*="content-wrapper-"] {
  position: relative; }
  .page [class*="content-wrapper-"] .date {
    display: inline-block;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-transform: uppercase; }
  .page [class*="content-wrapper-"] h3 {
    margin-bottom: 1em;
    font-family: 'Roboto';
    font-size: 21px;
    font-weight: 700;
    line-height: 24px; }
  .page [class*="content-wrapper-"] .content-right {
    flex-direction: column;
    justify-content: space-between; }
    .page [class*="content-wrapper-"] .content-right .content-body {
      font-size: 16px;
      font-weight: 300;
      line-height: 27px; }

.page [class*="block-switch-"] [class*="content-wrapper-"] {
  margin-bottom: 2em; }
  .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img {
    min-height: 23em;
    min-height: 23em;
    position: relative; }
    .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style {
      flex-direction: column;
      position: absolute;
      bottom: 10%;
      left: 0;
      right: 0;
      z-index: 2; }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .date {
        margin-bottom: 10px !important; }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style > p, .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style h3, .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style span {
        color: #fff; }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style > p, .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style span, .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .btn-group {
        padding: 0 29px; }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style h3 {
        margin: 0 0 10px 0;
        /*&::before {
							content: '';
							background: $greyBlock;
							width: 32px;
							height: 7px;
							float: left;
							margin-top: 12px;
							margin-right: 10px;
						}*/ }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .date {
        font-weight: 300; }
      .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .content-body {
        font-weight: 100;
        font-size: 0.85em;
        margin-bottom: 30px; }
        .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .content-body span {
          position: absolute; }
          .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .content-body span:first-child {
            top: 30px; }
          .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .block-style .content-body span:last-child {
            bottom: -40px; }
    .page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .btn.more {
      position: absolute;
      width: 100%;
      bottom: 0;
      padding: 0.8rem 1rem;
      background: #fff;
      color: #363D47;
      font-size: 0.9em;
      font-weight: 800; }

.page .btn-groupe:hover {
  color: #f0af00; }

#tooltip {
  position: relative; }
  #tooltip:hover {
    overflow: visible; }
    #tooltip:hover .tooltip-container {
      display: block; }

.tooltip-container {
  display: none;
  position: absolute;
  top: -80px;
  white-space: nowrap;
  right: -40px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: 400;
  padding: 20px;
  font-size: 14px;
  border-radius: 6px;
  z-index: 1000; }
  .tooltip-container:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    right: 55px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent; }

/*************************
* footer
**************************/
.footer-container {
  background-color: #363d47;
  background-image: url("/static/img/background-footer.svg?0194a8a2a6a2");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom; }

footer {
  color: #b4b4b4;
  padding-top: 40px;
  padding-bottom: 110px; }
  footer a {
    color: #b4b4b4;
    outline: none; }
    footer a:hover {
      color: #f0af00;
      text-decoration: none; }
  footer b {
    color: #fff; }
  footer h3 {
    font-weight: bold;
    font-size: 17px; }
  footer ul {
    list-style-type: none; }
    footer ul li p, footer ul li a {
      font-size: 13px; }
  footer .contact p {
    margin-bottom: 0; }
  footer .contact .phone {
    margin: 1em 0; }
  footer .newsletter-input {
    background: #646464;
    color: white;
    border: none;
    border-radius: 0; }
    footer .newsletter-input::-webkit-input-placeholder {
      color: #fff;
      font-size: 13px; }
    footer .newsletter-input:-ms-input-placeholder {
      color: #fff;
      font-size: 13px; }
    footer .newsletter-input::-ms-input-placeholder {
      color: #fff;
      font-size: 13px; }
    footer .newsletter-input:-moz-placeholder {
      color: #fff;
      font-size: 13px; }
    footer .newsletter-input::-moz-placeholder {
      color: #fff;
      font-size: 13px; }
    footer .newsletter-input::placeholder {
      color: #fff;
      font-size: 13px; }
  footer .newsletter-btn button {
    background: #646464;
    border: none;
    color: white;
    border-radius: 0; }

.social-links ul > li > a .icons-footer {
  font-size: 45px;
  background-color: #fff;
  border-radius: 50%;
  background-color: #fff;
  color: #363D47; }

.social-links ul > li:hover {
  transform: scale(1.1); }

/* input[type=checkbox] {
	visibility: hidden;

}


input[type=checkbox]:after {
	content: "";
	color: white;
	background-color: black;
	visibility: visible;

}

input[type=checkbox]:checked:after {
	content: "*";
}
*/
/*************************
* helper classes
**************************/
.yellow {
  color: #f0af00; }

.white {
  color: #fff; }

.green {
  color: #7CC172; }

.blue {
  color: #005fbf; }
  .blue.light {
    color: #A0DBD0; }

.salmon {
  color: #EB8064; }

.grey {
  color: #363D47; }

.bg-grey {
  background-color: #b4b4b4; }

.overlay-two {
  background: -webkit-linear-gradient(top, transparent 0%, black 145%);
  background: -moz-linear-gradient(top, transparent 0%, black 145%);
  background: -o-linear-gradient(top, transparent 0%, black 145%);
  background: linear-gradient(top, transparent 0%, black 145%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.3s; }
  .overlay-two:hover {
    background-color: rgba(0, 0, 0, 0.4); }

.overlay {
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  background: -moz-linear-gradient(top, transparent 0%, black 100%);
  background: -o-linear-gradient(top, transparent 0%, black 100%);
  background: linear-gradient(top, transparent 0%, black 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.3s; }
  .overlay.top {
    transition-duration: 0.3s;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 80%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 80%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 80%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
  .overlay.grey {
    background: -moz-linear-gradient(top, transparent 40%, rgba(204, 204, 204, 0.75) 100%);
    background: -webkit-linear-gradient(top, transparent 40%, rgba(204, 204, 204, 0.75) 100%);
    background: linear-gradient(to bottom, transparent 40%, rgba(204, 204, 204, 0.75) 100%); }
  .overlay.all {
    background: rgba(0, 0, 0, 0.37);
    /* en attendant version def */ }
  .overlay.search {
    background: rgba(255, 255, 255, 0.7);
    z-index: 1032;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0s linear; }

/*************************
* single pages
**************************/
.single .btn-nav:hover, .single .img-links .icons:hover {
  color: #fff !important;
  background-color: #363D47 !important; }

.single-page-nav-menu {
  position: relative;
  margin-top: 90px;
  padding: 1rem 7.5rem;
  z-index: 1000; }
  .single-page-nav-menu .back {
    cursor: pointer; }
    .single-page-nav-menu .back .text-back {
      color: #646464;
      font-family: Roboto;
      font-size: 14px;
      font-weight: 300;
      padding-left: 2%;
      display: inline-block; }
    .single-page-nav-menu .back .text-back:hover {
      color: #f0af00; }
  .single-page-nav-menu .voir-tout {
    text-align: center; }
  .single-page-nav-menu .voir-tout a {
    color: #363D47;
    border-bottom: 1px solid #363D47; }
    .single-page-nav-menu .voir-tout a:hover {
      color: #f0af00;
      border-bottom: 1px solid #f0af00; }
    .single-page-nav-menu .voir-tout a:focus {
      text-decoration: none; }
  .single-page-nav-menu label, .single-page-nav-menu .retour .text-back, .single-page-nav-menu .voir-tout a {
    transition: all 0.2s !important; }
  .single-page-nav-menu .menu_drop_next_prev label {
    position: relative;
    width: auto;
    background: transparent;
    /* text-align: -webkit-right; */
    cursor: pointer;
    color: #363D47;
    font-weight: 200;
    font-size: 45px;
    height: auto;
    padding: 0;
    line-height: 20px; }
  .single-page-nav-menu .menu_drop_next_prev {
    text-align: right; }
  .single-page-nav-menu label.prev {
    padding-right: 5%; }
  .single-page-nav-menu label.prev:hover, .single-page-nav-menu label.next:hover {
    background: transparent;
    color: #f0af00;
    transition: 0.3s ease; }

.yellow-hover a:hover {
  color: #f0af00; }

/*************************
* Single page header custom carousel
**************************/
.mySlides {
  display: none; }

.slidesplay-container {
  padding: 0;
  position: relative;
  margin: auto; }

.slidesplay-container.filiale_slide.col-lg-8 {
  margin-bottom: auto; }

.mySlides img {
  height: 525px;
  width: 100%; }

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  width: auto;
  padding: 5em 16px;
  margin-top: 0;
  background-color: rgba(193, 193, 193, 0.2);
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.2s ease;
  border-radius: 0 3px 3px 0; }

.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next, .text {
    font-size: 11px; } }

/*************************
* map
**************************/
.map-marker {
  max-width: 200px;
  padding: 7px;
  color: #363D47;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 1.6em;
  transition: 0.6s ease-in; }
  .map-marker .marker-title {
    color: #363D47;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 5px; }
  .map-marker a {
    color: #f0af00;
    cursor: pointer; }
  .map-marker a:hover {
    text-decoration: underline; }

.zoom-controls-wrapper {
  width: 130px;
  height: 60px;
  right: 5% !important;
  bottom: 5% !important; }
  .zoom-controls-wrapper .minus {
    display: inline-block;
    background-image: url('/static/img/icons/minus.png?0194a8a2a6a2');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    cursor: pointer; }
    .zoom-controls-wrapper .minus:hover {
      transform: scale(1.1); }
  .zoom-controls-wrapper .plus {
    display: inline-block;
    background-image: url('/static/img/icons/plus.png?0194a8a2a6a2');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 60px;
    height: 60px;
    cursor: pointer; }
    .zoom-controls-wrapper .plus:hover {
      transform: scale(1.1); }

.map-legend {
  background: white;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 99;
  font-size: 0.9em;
  padding: 10px;
  box-shadow: 0px 0px 8px 5px #b4b4b4; }

.map-legend ul {
  padding: 0;
  margin: 0; }

.map-legend li {
  list-style-type: none;
  margin-top: 5px; }

/***** DOCUMENTS BLOCK *****/
.bandeau {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  margin-top: 100px;
  left: 50%;
  padding: 2em;
  padding-top: 0;
  background: #F0F2F6; }
  .bandeau .document-detail {
    margin-top: 2em; }
    .bandeau .document-detail > div {
      background: white;
      padding: 1em; }
    .bandeau .document-detail h5 {
      font-size: 14px;
      font-weight: bold;
      line-height: 20px;
      min-height: 40px;
      margin-bottom: 0; }
    .bandeau .document-detail a {
      display: block;
      width: 25px;
      height: 35px; }
    .bandeau .document-detail p {
      color: #CECECE;
      font-size: 12px; }

/***** END DOCUMENTS BLOCK *****/
/***************************
* styles use multiple times
****************************/
.home_h2_position {
  top: -3em; }

section {
  margin-top: 5em;
  position: relative; }
  section.blank {
    padding-top: 4em;
    padding-bottom: 3em;
    margin-top: 0; }
  section .block-text {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    section .block-text.offset-1 {
      padding-left: 0; }

.media-group .block-content {
  position: relative; }
  .media-group .block-content .icone {
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: -10px;
    border-radius: 50%;
    border: 10px solid #fff;
    width: 80px;
    height: 80px; }
  .media-group .block-content .block-image {
    min-height: 13em;
    max-height: 16em; }

a.f-filiales, a.f-rea, a.finances, a.offers, a.rea, a.jobposts, a.btnActus, a.group, a.g-expertise, a.g-innovation, a.all-recrut, a.all-offers, a.all-finances {
  display: inline-block;
  text-transform: uppercase;
  color: black;
  font-size: 0.9rem; }

a.btn.contact {
  background-color: #f0af00;
  color: #fff;
  text-transform: uppercase;
  border-radius: 25px;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0.6rem 2rem; }
  a.btn.contact:hover {
    transform: scale(1.1); }

a.btn.custom {
  border-radius: 40px;
  padding: 1rem 1.5rem;
  color: #fff; }
  a.btn.custom strong {
    color: #fff; }
  a.btn.custom:hover {
    color: #fff !important;
    transform: scale(1.1); }

a.btn.yellow {
  background: #f0af00; }

a.btn.green {
  background: #7CC172; }

a.btn.blue {
  background: #005fbf; }
  a.btn.blue.light {
    background: #A0DBD0; }

a.btn.dark-grey {
  background: #363D47; }

a.btn.salmon {
  background: #EB8064; }

a.btn.finances, a.btn.offers, a.btn.rea, a.btn.btnActus, a.btn.jobposts {
  padding: 1rem 2rem;
  max-width: 319.5px;
  min-height: 1px !important; }

.spie-recrut .media-group, .spie-offer .media-group {
  padding: 0;
  display: block; }
  .spie-recrut .media-group .text, .spie-recrut .media-group .icone, .spie-offer .media-group .text, .spie-offer .media-group .icone {
    z-index: 1; }
  .spie-recrut .media-group .icone, .spie-offer .media-group .icone {
    left: -40px;
    bottom: -40px; }
  .spie-recrut .media-group .block-content, .spie-offer .media-group .block-content {
    max-height: 290px; }
    .spie-recrut .media-group .block-content .text, .spie-offer .media-group .block-content .text {
      position: absolute;
      bottom: 0;
      left: 50px; }
      .spie-recrut .media-group .block-content .text span, .spie-offer .media-group .block-content .text span {
        position: relative;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        font-weight: 300;
        text-transform: uppercase; }

.spie-recrut .link-job span, .spie-offer .link-job span {
  display: block; }

.spie-actu a, .spie-rea a {
  display: block; }
  .spie-actu a article .info.first p.hidden, .spie-actu a article .info.middle p.hidden, .spie-rea a article .info.first p.hidden, .spie-rea a article .info.middle p.hidden {
    margin-left: 0; }
  .spie-actu a article .info p, .spie-rea a article .info p {
    margin-bottom: 0;
    font-weight: 200; }
    .spie-actu a article .info p.hidden, .spie-rea a article .info p.hidden {
      visibility: hidden;
      opacity: 0;
      height: 0;
      transition: opacity 1s, visibility 0s, height 0.2s; }

.buttons {
  margin-top: 3em; }

/*************************
* group
**************************/
.group-spie .content h3 {
  font-size: 36px; }

.group-spie .content p {
  font-size: 14px;
  margin-top: 1em; }

.group-spie .buttons {
  font-size: 16px; }
  .group-spie .buttons a {
    transition: all .2s ease-out; }
    .group-spie .buttons a:hover {
      color: #f0af00; }

/*************************
* actus
**************************/
.spie-actu .all-actus {
  padding: 0; }
  .spie-actu .all-actus a {
    position: relative;
    min-height: 500px;
    max-height: 500px; }
    .spie-actu .all-actus a article .info {
      position: absolute;
      bottom: 20px;
      left: 0;
      width: 90%;
      z-index: 1; }
      .spie-actu .all-actus a article .info::before {
        content: '';
        background: #f0af00;
        width: 20px;
        height: 3px;
        float: left;
        margin-top: 36px;
        margin-right: 10px;
        margin-bottom: 13px; }
      .spie-actu .all-actus a article .info.middle {
        top: 50%;
        left: 25px; }
        .spie-actu .all-actus a article .info.middle::before {
          content: none; }
      .spie-actu .all-actus a article .info .content {
        color: #fff; }
        .spie-actu .all-actus a article .info .content h3 {
          font-weight: 600;
          font-size: 22px;
          color: #fff;
          padding-left: 30px; }
        .spie-actu .all-actus a article .info .content h4 {
          font-size: 12px; }
        .spie-actu .all-actus a article .info .content p {
          font-size: 12px; }
          .spie-actu .all-actus a article .info .content p.hidden {
            margin-left: 30px; }
    .spie-actu .all-actus a.first .info .content h3 {
      padding: 0; }
    .spie-actu .all-actus a.first .info .content h4 {
      padding: 0; }
  .spie-actu .all-actus .block-content {
    padding: 0; }

.middle h3 {
  font-size: 34px !important; }

.middle h4 {
  line-height: 30px;
  font-size: 17px; }

/*************************
* recrutement
**************************/
.spie-recrut {
  font-family: Montserrat;
  font-size: 17px; }
  .spie-recrut a:hover {
    color: #7CC172;
    transition: all 0.1s ease-out; }

/*************************
* realisations
**************************/
.spie-rea .all-rea {
  min-height: 36rem; }
  .spie-rea .all-rea a {
    position: relative; }
    .spie-rea .all-rea a.first article .line {
      display: none; }
    .spie-rea .all-rea a article {
      height: 100%;
      align-items: flex-start; }
      .spie-rea .all-rea a article:first-child {
        padding: 0; }
      .spie-rea .all-rea a article .info {
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 90%;
        z-index: 1; }
        .spie-rea .all-rea a article .info::before {
          content: '';
          background: #f0af00;
          width: 40px;
          height: 3px;
          float: left;
          margin-top: 36px;
          margin-right: 10px;
          margin-bottom: 13px; }
        .spie-rea .all-rea a article .info.first::before {
          content: none; }
        .spie-rea .all-rea a article .info.first p {
          font-weight: 200; }
      .spie-rea .all-rea a article h3 {
        color: #fff;
        font-size: 22px; }
      .spie-rea .all-rea a article h4 {
        font-size: 12px; }
  .spie-rea .all-rea .block-content {
    padding: 0; }

.first h3 {
  font-size: 34px !important; }

.first h4 {
  font-size: 17px !important;
  line-height: 30px; }

/*************************
* offers
**************************/
.spie-offer .media-group .block-content .text {
  bottom: 20px;
  left: 40px; }
  .spie-offer .media-group .block-content .text h3 {
    font-size: 15px; }

.spie-offer a:hover {
  color: #A0DBD0;
  transition: all 0.1s ease-out; }

/*************************
* filiales
**************************/
#map-canvas.homepage-map {
  height: 630px;
  width: 100%; }

h3.map-overlay {
  position: absolute;
  top: 200px;
  left: 0px;
  z-index: 99;
  max-width: 380px;
  line-height: 1.2em; }
  h3.map-overlay .red a {
    color: #eb8064; }
  h3.map-overlay .blue a {
    color: #005fbf; }

/*************************
* finances
**************************/
.spie-finances a:hover {
  color: #EB8064;
  transition: all 0.1s ease-out; }

/*************************
* contact
**************************/
.spie-contact .block-content {
  height: 34em; }
  .spie-contact .block-content .text {
    padding-bottom: 4em;
    flex-direction: column;
    z-index: 1; }
    .spie-contact .block-content .text span {
      display: inline-block; }
    .spie-contact .block-content .text h4 {
      margin-top: 1.5em;
      text-align: center;
      max-width: 45%;
      font-size: 16px;
      font-weight: 400; }

.page .light-text {
  color: #363D47;
  font-weight: 200; }

.page.recrut h3 {
  font-size: 22px; }

.page.recrut .jobs .media-group:hover .overlay {
  background-color: rgba(0, 0, 0, 0.4); }

.page.recrut .jobs > div > a {
  display: inline-block; }

.page.recrut .jobs article {
  margin-bottom: 50px; }

.page.recrut .jobs .block-image {
  height: 12em; }
  .page.recrut .jobs .block-image .text {
    flex-direction: column;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .page.recrut .jobs .block-image .text h3 {
      margin-bottom: 0;
      font-size: 14px;
      line-height: 16px;
      font-weight: 400; }
    .page.recrut .jobs .block-image .text p {
      font-size: 0.7em;
      color: #fff;
      font-weight: 100; }
  .page.recrut .jobs .block-image > span {
    flex-direction: column;
    margin-bottom: 1rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1; }

.jobs-button {
  min-height: 65px;
  font-size: 14px;
  color: #363D47;
  font-weight: 500;
  border: 1px solid black;
  flex-direction: column;
  padding: 10px;
  font-weight: 500;
  transition: all .3s; }
  .jobs-button:hover {
    background-color: #f0af00;
    border: 1px solid #f0af00; }
  .jobs-button span:first-child {
    color: #363D47; }
  .jobs-button span:last-child {
    color: #646464; }

.lSSlideOuter .lSPager.lSpg {
  display: none; }

.lSAction {
  height: 100%;
  background-color: red; }
  .lSAction a {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100px;
    background-color: transparent;
    opacity: 0.8; }
    .lSAction a:after {
      content: "<";
      display: block;
      position: absolute;
      top: calc(50% - 30px);
      left: calc(50% - 12px);
      font-size: 40px;
      color: #fff;
      font-weight: 700; }
    .lSAction a:hover {
      background-color: rgba(0, 0, 0, 0.6); }
    .lSAction a.lSPrev {
      left: 0; }
    .lSAction a.lSNext {
      left: auto;
      right: 0; }
      .lSAction a.lSNext:after {
        content: ">"; }

.no-overlay .overlay {
  display: none; }

.play-btn {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: .7;
  background: url("/static/img/icons/play_shadow.svg?0194a8a2a6a2") center no-repeat; }

.main-content.recrut-title {
  overflow: visible; }

.swiper-btn {
  width: 10px;
  margin-right: 10px;
  background: url("/static/img/icons/arrow-whitee.svg?0194a8a2a6a2") center no-repeat; }

.btn-recrut {
  border: 1px solid white;
  border-radius: 19px;
  font-weight: 600;
  transition: all 0.3s !important;
  background: #f0af00;
  color: #fff;
  font-size: 15px;
  padding: 10px; }
  .btn-recrut:hover {
    color: #fff !important; }

.text-ambassador {
  padding: 15px; }

@media (max-width: 480px) {
  .text-ambassador {
    padding: 0px; } }

.page .block-switch-actu {
  display: flex; }

.page [type=checkbox] {
  margin-right: 10px; }

.page .form-check-label {
  margin-left: 25px; }
  .page .form-check-label .icon-communique-presse {
    margin-left: 5px; }

.page .block-style h3 {
  padding: 0 29px; }

.page .block-img {
  transition-duration: 0.3s; }
  .page .block-img:hover .overlay {
    background-color: rgba(0, 0, 0, 0.4); }
  .page .block-img:hover .with-hover {
    background: #f0af00 !important;
    border: 1px solid #f0af00 !important; }
  .page .block-img .more:hover {
    background: #f0af00 !important;
    border: 1px solid #f0af00; }

.page #content-wrapper-filtered-actus {
  font-family: 'Roboto'; }
  .page #content-wrapper-filtered-actus .block-switch-actus .tweet {
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #b4b4b4;
    text-align: center; }
    .page #content-wrapper-filtered-actus .block-switch-actus .tweet .date {
      color: #363D47;
      font-weight: 300; }
    .page #content-wrapper-filtered-actus .block-switch-actus .tweet .content-body {
      display: flex;
      flex-direction: row;
      color: #363D47;
      font-size: 0.9em;
      font-weight: bold; }
      .page #content-wrapper-filtered-actus .block-switch-actus .tweet .content-body .quotation {
        color: #f0af00;
        font-size: 3em;
        padding: 0; }
    .page #content-wrapper-filtered-actus .block-switch-actus .tweet:hover {
      background-color: #efefef; }
  .page #content-wrapper-filtered-actus .block-switch-actus .icon-communique-presse {
    display: block;
    float: right;
    padding: 15px;
    font-size: 1.7em;
    color: #fff; }
  .page #content-wrapper-filtered-actus .list-actus .btn-group a {
    background: white; }
  .page #content-wrapper-filtered-actus .list-actus .btn-group a:hover {
    background: white;
    border: 1px solid #f0af00;
    background: #f0af00; }
  .page #content-wrapper-filtered-actus .list-actus .actualites-title {
    font-family: 'Roboto';
    font-weight: 300;
    color: #b4b4b4;
    font-size: 12px; }
    .page #content-wrapper-filtered-actus .list-actus .actualites-title span {
      font-weight: bold;
      padding-right: 10px; }
    .page #content-wrapper-filtered-actus .list-actus .actualites-title .icon-communique-presse {
      font-size: 1.3em;
      font-weight: 300; }
    .page #content-wrapper-filtered-actus .list-actus .actualites-title h3 {
      padding-top: 10px; }

.page [class*="block-switch-"] [class*="content-wrapper-"] .block-img .btn.more:hover {
  background: #f0af00; }

.custom-combobox {
  position: relative;
  display: flex;
  flex-direction: row-reverse; }
  .custom-combobox .custom-combobox-input {
    margin: 0;
    padding: .375rem 0.75rem;
    border-radius: 0;
    border: 1px solid #363D47;
    border-right: none;
    border-radius: 0;
    background: transparent;
    color: #363D47;
    font-family: 'Roboto'; }
  .custom-combobox .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 1px solid #363D47;
    border-left: none; }
    .custom-combobox .custom-combobox-toggle .ui-button, .custom-combobox .custom-combobox-toggle .ui-icon {
      background: transparent url("/static/img/icons/arrow-down.png?0194a8a2a6a2") no-repeat center;
      background-size: contain; }
    .custom-combobox .custom-combobox-toggle .ui-icon, .custom-combobox .custom-combobox-toggle .ui-icon-button-icon-only {
      margin-left: -16px; }
    .custom-combobox .custom-combobox-toggle .ui-icon {
      width: 19px;
      height: 19px; }

.sect_expertises h3 {
  color: #363D47;
  font-size: 29px;
  font-weight: bold;
  font-family: 'Montserrat';
  padding-bottom: 2%;
  padding-left: 0;
  padding-top: 3%; }

.sect_expertises article {
  display: inline-flex; }
  .sect_expertises article p:first-child {
    margin-right: 5%; }

.expertises-list h3 {
  color: #363D47;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Montserrat'; }

.expertises-list .expertises-card {
  margin-bottom: 10%;
  border: 1px solid #b4b4b4;
  min-height: 550px;
  border-radius: 0;
  transition: all .2s; }
  .expertises-list .expertises-card .card-img-top {
    width: 100%;
    height: 200px;
    border-radius: 0; }
  .expertises-list .expertises-card .expertise-wrapper-bottom {
    text-align: center;
    padding: 50px 20px 20px 20px;
    color: #363D47;
    font-family: 'Roboto';
    color: #363D47; }
    .expertises-list .expertises-card .expertise-wrapper-bottom .expertises-title {
      font-size: 18px;
      font-weight: bold; }
    .expertises-list .expertises-card .expertise-wrapper-bottom p {
      padding: 5px 10px;
      font-size: 16px;
      line-height: 21px; }
    .expertises-list .expertises-card .expertise-wrapper-bottom select {
      height: 45px;
      width: 260px;
      font-size: 22px;
      font-weight: 300;
      line-height: 25px; }

.expertises-list .expertises-card:hover {
  background-color: #efefef; }

.page.realisations .filters .icons-toggle {
  padding: 0; }

.page.realisations #content-wrapper-filtered-realisations .block-rea {
  text-align: left;
  flex-direction: column;
  margin-top: 1.5em; }
  .page.realisations #content-wrapper-filtered-realisations .block-rea.first {
    margin-top: 0; }
  .page.realisations #content-wrapper-filtered-realisations .block-rea:not(.wrap-tag) {
    padding: 0; }
  .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper {
    min-height: 25em;
    max-height: 29em;
    position: relative; }
    .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block {
      position: absolute;
      left: 0;
      bottom: 0; }
      .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .content {
        flex-direction: column;
        justify-content: flex-end;
        z-index: 2; }
        .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .content h3 {
          color: #fff;
          font-family: 'Roboto';
          font-size: 25px; }
        .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .content p {
          color: #fff;
          word-wrap: break-word;
          font-family: 'Roboto';
          font-weight: 100;
          font-size: 0.85em; }
      .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .btn-group {
        flex-direction: column-reverse; }
        .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .btn-group .btn.more {
          margin-bottom: 1.5rem;
          z-index: 2;
          color: #fff;
          border: 1px solid #fff;
          white-space: normal;
          word-spacing: normal;
          text-align: center;
          background-color: transparent;
          padding: 0.8rem 1rem;
          color: #fff;
          cursor: pointer;
          font-size: 0.9em;
          font-weight: 100;
          transition: all .2s; }

.page.realisations #content-wrapper-filtered-realisations .list-rea {
  padding: 0; }

.realisation-wrapper:hover .btn.more {
  background-color: #f0af00 !important;
  color: #363D47 !important;
  font-weight: 800 !important;
  border: 1px solid #f0af00 !important; }

#map-canvas.realisations-map {
  height: 400px;
  margin-left: -15px;
  margin-right: -15px; }

.wrap-block {
  margin-bottom: 1.5em; }
  .wrap-block .block-rea .block {
    flex-direction: column; }
    .wrap-block .block-rea .block .btn-group {
      max-width: 66.666667%;
      position: absolute;
      bottom: 1em;
      left: 15px; }

.main-content.page.realisations.row {
  margin: auto; }

.overlay span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(bottom, transparent 80%, black 100%); }

form.form-control {
  border: 0;
  padding: 0; }

.form-control {
  display: inline; }

#filiale-expertise-select {
  margin-right: 10px; }

#filiale-input-field {
  max-width: 350px; }

#map-canvas.filiales-map {
  height: 400px; }

.page .filiales-list {
  padding: 0; }
  .page .filiales-list .filiale-card {
    border: 1px solid #f0af00;
    color: #f0af00;
    padding: 10px;
    font-weight: 900;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .page .filiales-list .filiale-card .btn.link-filiale {
      border: 1px solid #363D47;
      border-radius: 20px;
      color: #363D47; }
  .page .filiales-list .filiale-card:hover {
    background-color: #f0af00;
    color: #fff; }

@media (max-width: 960px) {
  .entite-new .chiffres-cles-container {
    margin-top: 60px; } }

*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html,
body,
.st-container,
.st-pusher {
  overflow: hidden; }

html,
body,
.st-container,
.st-pusher,
.st-content {
  height: 100%; }

.st-content {
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }

.st-content,
.st-content-inner {
  position: relative; }

.st-container {
  position: relative;
  overflow: hidden; }

.st-pusher {
  position: relative;
  left: 0;
  z-index: 99;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

.st-pusher::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.5);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }

.st-menu-open .st-pusher::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.st-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1031;
  visibility: hidden;
  width: 300px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow-y: scroll;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.st-menu::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  content: '';
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.st-menu-open .st-menu::after {
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
  transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; }

/* content style */
.st-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.st-menu h2 {
  margin: 0;
  padding: 1em;
  color: #b4b4b4;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em; }

.st-menu ul li a {
  display: block;
  padding: 1em 1em 1em 1.2em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  color: #b4b4b4;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  letter-spacing: 1px;
  font-weight: 600;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s; }

.st-menu ul li:first-child a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2); }

.st-menu ul li:last-child a {
  box-shadow: none; }

.st-menu ul li a:hover {
  text-decoration: none;
  color: #363D47; }

/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
  visibility: visible;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.st-effect-1.st-menu-open .st-effect-1.st-menu {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.st-effect-1.st-menu::after {
  display: none; }

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
  padding-right: 300px; }

.page input[type=submit] {
  display: block;
  margin-bottom: 1.5em;
  border-radius: 50px;
  padding: 10px 60px;
  cursor: pointer;
  background: #f0af00;
  color: #fff;
  border: 1px solid #f0af00;
  margin: 24px auto; }
  .page input[type=submit]:hover {
    transform: scale(1.05);
    background: #f0af00;
    border: 1px solid #f0af00; }

.page label[for="id_botcatcher"] {
  display: none; }

.page.contact .message {
  color: red;
  font-weight: bold; }

.page.contact a {
  cursor: pointer;
  font-size: 0.9em;
  color: #f0af00; }
  .page.contact a:hover {
    color: #363D47; }

.page.contact h3 {
  font-weight: normal;
  align-self: center;
  font-size: 1.3em;
  font-weight: 500;
  margin-bottom: 25px; }

.page.contact .adresse {
  margin-bottom: 58px; }
  .page.contact .adresse h3 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 20px; }
  .page.contact .adresse p {
    font-size: 0.9em;
    line-height: 25px;
    margin: 0;
    word-break: break-word; }

.page.contact .form-wrapper {
  flex-direction: column; }
  .page.contact .form-wrapper form {
    flex-direction: column; }
    .page.contact .form-wrapper form .form-control {
      background-color: transparent;
      border-radius: 0;
      border: 1px solid #b4b4b4; }
    .page.contact .form-wrapper form .group-field {
      flex-direction: column; }
    .page.contact .form-wrapper form .form-item {
      padding: 0; }
    .page.contact .form-wrapper form .textarea textarea {
      transition: all .2s ease;
      background-color: white !important; }
      .page.contact .form-wrapper form .textarea textarea:focus {
        background-color: #efefef !important;
        border: 1px solid #363D47 !important; }

.page.contact .mentions-legales p {
  font-size: 0.8em; }

.first-block-contact {
  padding: 50px 25px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
  .first-block-contact p {
    font-size: 0.7em;
    margin: auto;
    color: #b4b4b4; }
    .first-block-contact p a {
      text-decoration: none;
      color: #b4b4b4;
      border-bottom: 1px solid #b4b4b4;
      padding-bottom: 1px; }
      .first-block-contact p a:hover {
        color: #363D47;
        border-bottom: 1px solid #363D47; }

.form-item input {
  transition: all .2s ease; }
  .form-item input:focus {
    background-color: #efefef !important;
    border: 1px solid #363D47 !important; }

.ethique h5 {
  margin: 40px 0; }

.ethique p {
  font-size: 14px; }

.ethique form label {
  margin-top: 16px; }

.m_container {
  margin-top: 60px;
  max-width: 1290px; }

.titre_du_metier {
  border-bottom: 1px solid #b4b4b4;
  margin-bottom: 45px; }

.titre_du_metier h3 {
  padding-left: 0;
  font-size: 29px;
  font-weight: bold;
  font-family: Montserrat;
  color: #363D47;
  margin-bottom: 35px; }

.titre_du_metier p {
  margin-bottom: 45px;
  color: #363D47;
  font-family: Montserrat;
  font-size: 19px; }

.m_savoir_faire h5 {
  color: #363D47;
  margin-bottom: 15px;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: bold; }

.m_savoir_faire p {
  font-family: Montserrat;
  font-size: 16px;
  color: #363D47; }

.m_aside h5 {
  font-family: Montserrat;
  font-size: 21px;
  font-weight: bold;
  color: #363D47;
  margin-bottom: 15px; }

.m_aside p {
  color: #363D47;
  font-family: Montserrat;
  font-size: 18px; }

.m_aside {
  padding-left: 3%; }

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

section.filiales_metiers_detail {
  margin: auto; }

.filiales_metiers_detail {
  border-bottom: 1px solid #b4b4b4;
  padding-bottom: 3%; }

.filiales_metiers_detail h5 {
  margin: 3% auto;
  color: #646464;
  font-family: Montserrat;
  font-size: 19px;
  font-weight: bold; }

.card.card_filiales {
  margin-bottom: 10%;
  height: auto;
  width: auto;
  background-color: #b4b4b4;
  padding-bottom: 50px;
  text-align: center; }

.card-body {
  margin-top: 15%; }

.card_filiales p {
  margin-bottom: 26px;
  color: #646464;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: bold; }

.card_filiales a {
  color: #646464; }

section .m_button {
  padding: 8px 25px;
  width: 150px;
  border: 1px solid #b4b4b4;
  border-radius: 100px;
  margin: auto -5px; }

.row.nos_rea-o {
  margin-top: 25px; }

.realisation_metiers_detail {
  border-bottom: 2px solid #b4b4b4;
  margin: auto;
  padding-bottom: 5%; }

.realisation_metiers_detail h5, .jobs_metiers_detail h5 {
  color: #363D47;
  font-size: 21px;
  font-weight: bold;
  font-family: Montserrat; }

.m-nos-r {
  text-align: right; }

.realisation_metiers_detail .card, .jobs_metiers_detail .card {
  margin-bottom: 10%;
  height: 330px;
  width: auto;
  justify-content: flex-end; }

.realisation_metiers_detail .card-title, .jobs_metiers_detail .card-title {
  text-align: left; }

p.card-title.m_r_title {
  color: #fff;
  font-family: Montserrat;
  font-size: 20px;
  margin-bottom: 0; }

.realisation_metiers_detail .card .m_r_subtitle {
  margin: auto;
  color: #fff;
  font-family: Montserrat;
  font-size: 17px; }

.realisation_metiers_detail .card-body, .jobs_metiers_detail .card-body {
  position: relative;
  z-index: 99;
  margin-bottom: 10%;
  margin-left: 8%; }

.realisation_metiers_detail a, .jobs_metiers_detail a {
  display: block; }
  .realisation_metiers_detail a .card:hover .overlay, .jobs_metiers_detail a .card:hover .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0; }

section.jobs_metiers_detail {
  margin: auto;
  padding-bottom: 50px; }

.jobs_metiers_detail h5, .jobs_metiers_detail .m-nos-r {
  margin-top: 2%; }

.jobs_metiers_detail .aucune-rep {
  margin-top: 2%; }

.title_page_nos_offres {
  margin-left: 0;
  bottom: 0;
  position: relative;
  top: 0;
  padding-bottom: 10%; }

.title_page_nos_offres h2 {
  margin: 0; }

.nos_offres_body p {
  line-height: 27px;
  font-family: Montserrat;
  font-size: 16px;
  margin-bottom: 70px;
  margin-top: 25px;
  color: #363D47; }

.nos_offres_body a {
  display: block; }
  .nos_offres_body a .card:hover .overlay {
    background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0; }

.card.bg-info {
  border-radius: inherit;
  border: none;
  background-color: #363D47;
  margin-bottom: 10%;
  height: 225px;
  width: 100%; }

h5.card-title {
  position: relative;
  z-index: 999;
  margin-top: 30%;
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  text-align: center; }

section.nos_offres_body .col-lg-8 {
  padding: 0; }

section.nos_offres_body .row {
  margin-bottom: 15%; }

/*----Offre Détails View ----*/
section.o_section1.col-lg-8 {
  margin: auto; }

.titre_offre {
  margin-bottom: 45px;
  border-bottom: 2px solid #363D47; }

.titre_offre h3 {
  margin-bottom: 5%; }

.titre_offre p {
  color: #363D47;
  font-size: 19px;
  margin-bottom: 40px; }

.o_section1 article {
  margin-bottom: 80px; }

.o_section1 article:first-child {
  margin-top: 44px; }

.o_section1 article h5 {
  margin-bottom: 20px;
  color: #363D47;
  font-family: Montserrat;
  font-size: 21px;
  font-weight: bold; }

.o_section1 article p {
  color: #363D47;
  font-family: Montserrat;
  font-size: 16px; }

span.chevron_liens_o {
  margin-right: 2%;
  position: relative;
  top: 5px;
  font-size: 30px;
  font-weight: lighter; }

.offres_filiales {
  border-bottom: 2px solid #363D47;
  padding-bottom: 10%; }

.offres_filiales h5, .offres_metiers h5 {
  color: #363D47;
  font-family: Montserrat;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 5%; }

article.offres_metiers {
  margin-bottom: 10%; }

.offres_metiers h5 {
  margin-bottom: 5%;
  margin-top: 10%; }

.offres_filiales img, .offres_metiers img {
  display: block;
  margin-top: 10%;
  margin-bottom: 5%;
  width: 155px;
  height: 95px; }

.offres_filiales p, .offres_metiers p {
  margin: auto;
  color: #363D47;
  font-family: Montserrat;
  font-size: 17px;
  font-weight: bold; }

.offres_filiales a, .offres_metiers a {
  color: #363D47;
  font-family: Montserrat;
  font-size: 19px;
  text-decoration: underline;
  text-decoration-color: #363D47; }
  .offres_filiales a:hover, .offres_metiers a:hover {
    color: #f0af00; }

@media (max-width: 1200px) {
  .m_container {
    width: auto; } }

@media (max-width: 1200px) {
  .m_container {
    width: auto; } }

.searchresultspage {
  font-family: Roboto; }
  .searchresultspage legend {
    margin-bottom: 30px;
    color: #363D47;
    font-size: 21px; }
  .searchresultspage .form-check {
    margin-bottom: 10px;
    color: #363D47;
    font-size: 18px; }
    .searchresultspage .form-check label {
      margin: 0 10px 0 0; }
  .searchresultspage h3 {
    margin-bottom: 90px;
    color: #363D47; }
    .searchresultspage h3 .light {
      font-weight: normal; }

.result-wrapper {
  height: 124px;
  margin-bottom: 16px;
  line-height: 1.2em; }
  .result-wrapper img {
    float: left;
    height: 124px;
    width: 124px;
    margin-right: 20px;
    object-fit: cover; }
  .result-wrapper .result-title {
    margin-bottom: 11px;
    font-size: 21px;
    font-weight: bold; }
  .result-wrapper .result-body {
    font-size: 0.8em; }

a .result-wrapper {
  color: #646464; }

a:hover {
  text-decoration: none; }

.entite-new.actualite .section_paragraphe .btn-group span {
  color: #363D47;
  border: 1px solid #363D47;
  border-radius: 50%;
  padding: 0;
  font-size: 29px; }
  .entite-new.actualite .section_paragraphe .btn-group span:hover {
    color: #fff !important;
    background-color: #363D47 !important; }

.entite-new.actualite .section_paragraphe .btn-group a:focus {
  text-decoration: none; }

.entite-new.actualite .section_paragraphe .btn-group ul {
  padding-top: 13px; }

.entite-new.actualite .section_paragraphe .btn-group li {
  display: inline; }

.entite-new.actualite .swiper-actus {
  padding: 20px 100px 100px; }
  .entite-new.actualite .swiper-actus .swiper-wrapper {
    height: 40vh; }

.entite-new.actualite .header-swiper-actus {
  padding: 0 100px; }

@media screen and (max-width: 768px) {
  .entite-new.actualite .main-content header h1 {
    font-size: 1.5em; }
  .entite-new.actualite .swiper-actus {
    padding: 20px; }
    .entite-new.actualite .swiper-actus .swiper-wrapper {
      height: 40vh; }
  .entite-new.actualite .header-swiper-actus {
    padding: 0 20px; } }

.page-group {
  padding: 0 150px; }
  .page-group .title {
    margin-left: 15px; }
  .page-group .sect_1 {
    margin-top: 5em; }
  .page-group h3 {
    font-family: 'Roboto';
    font-size: 36px;
    font-weight: bold; }
  .page-group h5 {
    font-family: 'Roboto';
    font-size: 26px;
    font-weight: bold; }
  .page-group .page-group p.yellow {
    font-size: 18px;
    font-weight: bold; }
  .page-group .group-icons div {
    text-align: center;
    margin-right: 0; }
  .page-group .group-icons img {
    width: 145px;
    height: auto; }
  .page-group .group-icons p {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3em;
    margin: auto; }
  .page-group .group-icons span {
    font-size: 36px; }
  .page-group img.img-histoire {
    max-width: 100%;
    display: block; }
  .page-group img.image_directoire {
    max-width: 100%; }
  .page-group .txt-directoire p:first-child {
    font-weight: bold; }
  .page-group .txt-directoire p {
    line-height: 1.2em;
    margin: 0; }
  @media screen and (max-width: 576px) {
    .page-group .txt-directoire {
      font-size: 0.8em; }
    .page-group .title .two-words {
      margin-top: 40px; } }
  .page-group .txt-1, .page-group .txt-2, .page-group .txt-3 {
    margin-left: 90px;
    margin-top: -38px;
    margin-bottom: 20px; }
  .page-group p.yellow {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; }
  .page-group #principes p {
    margin-bottom: 0; }
  .page-group #histoire h5 {
    text-align: center; }
  .page-group .img-group-last-sect figure img {
    width: 70%;
    height: auto; }
  .page-group figcaption {
    padding: 5%;
    height: auto;
    width: 70%;
    background: #efefef; }
  .page-group figcaption p:first-child {
    font-weight: bold; }
  .page-group figcaption p {
    font-size: 11px;
    line-height: 1.2em;
    margin: auto;
    letter-spacing: -0.5px; }

.ancres ul {
  width: 100%;
  list-style-type: none;
  display: inline-flex;
  padding: 0; }
  .ancres ul li {
    margin-right: 50px; }
    .ancres ul li strong {
      margin-right: 10px; }

.ancres a {
  color: #292b2c; }

@media (max-width: 768px) {
  .ancres ul li {
    margin-right: 0; } }

@media (max-width: 500px) {
  .ancres a {
    font-size: 0.8em; } }

blockquote {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding-top: 100px;
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  z-index: 2; }
  blockquote:before, blockquote:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 17px;
    background: url("/static/img/icons/quotes.svg?0194a8a2a6a2") center no-repeat; }
  blockquote:before {
    transform: translateY(-5px);
    margin-right: 10px; }
  blockquote:after {
    transform: translateY(16px) rotateY(180deg);
    margin-left: 10px; }

.legendary-video {
  margin: 0px 0px 5px 0px !important; }

.legendary {
  width: 560px; }
  .legendary iframe {
    margin: 20px auto !important; }
  .legendary p {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    line-height: 16px; }
    .legendary p:nth-child(1) {
      font-size: 17px; }

.innovation h2 {
  position: relative;
  float: left;
  margin: 0 0 80px 8.33333%; }

.innovation h3 {
  font-size: 56px;
  text-align: left;
  font-weight: 600;
  line-height: normal; }

.innovation h4 {
  color: #363D47;
  font-size: 40px;
  font-weight: 600;
  margin: 100px 0 60px;
  line-height: 40px; }

.innovation nav, .innovation section {
  width: 83.33333%;
  margin: 0 8.33333%; }

.innovation .ancres ul {
  flex-wrap: wrap; }

.innovation .ancres li {
  width: auto;
  margin-top: 30px; }

.innovation p {
  line-height: 24px; }
  .innovation p span.yellow {
    font-size: 1.6em;
    line-height: inherit; }

.innovation iframe {
  display: block;
  margin: 60px auto; }

.innovation img {
  width: 100%; }

.innovation h4.yellow {
  color: #f0af00;
  margin: 0;
  text-align: center;
  font-size: 30px;
  line-height: 30px; }

#transformation img {
  margin-bottom: 60px; }

#transformation h4.yellow {
  text-align: left;
  margin: 40px 0; }

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

.grey-card {
  background-color: rgba(201, 201, 201, 0.22);
  padding: 20px; }
  .grey-card p {
    font-weight: 300;
    font-style: italic; }
  .grey-card .img-round {
    transform: translateY(80px);
    margin: 0 auto;
    margin-top: -60px; }
  .grey-card + .grey-card {
    margin-top: 20px;
    margin-bottom: 0; }
  .grey-card.list {
    font-size: 20px;
    font-weight: 700; }
    .grey-card.list li {
      font-weight: 400; }

.img-round {
  width: 135px;
  height: 135px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover; }

.img-slider .swiper-slide {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff; }

.text-slider {
  width: 760px;
  height: 186px;
  background: #fff;
  margin-top: -30px;
  padding: 20px 40px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
  .text-slider img {
    display: block;
    width: 50px;
    margin: 0 auto; }
  .text-slider p {
    text-align: center; }
  .text-slider .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }

.swiper-button {
  position: absolute;
  top: auto;
  bottom: 108px;
  width: 30px;
  height: 30px;
  z-index: 1000;
  line-height: 0;
  outline: none; }
  .swiper-button:focus, .swiper-button:active {
    outline: none; }
  .swiper-button.btn-prev {
    left: calc(50% - 100px); }
    .swiper-button.btn-prev:after {
      content: '<';
      display: block;
      color: #000;
      line-height: 0;
      font-size: 40px; }
  .swiper-button.btn-next {
    right: calc(50% - 100px); }
    .swiper-button.btn-next:after {
      content: '>';
      display: block;
      color: #000;
      line-height: 0;
      font-size: 40px; }

.img-txt {
  position: relative; }
  .img-txt img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }
  .img-txt p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 80px;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.7);
    margin-bottom: 0; }
  .img-txt.txt-xs p {
    font-size: 12px;
    font-style: italic;
    line-height: 16px; }
  .img-txt.txt-center p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }

@media (max-width: 768px) {
  .text-slider {
    width: 100%;
    margin-top: 0; }
    .text-slider p {
      font-size: 12px;
      line-height: 14px; }
  .group.ancres li {
    margin-top: 0; }
  .group.ancres .btn-groupe {
    display: block;
    background: #f0af00;
    padding: 20px;
    color: #fff;
    border-radius: 27px;
    margin-top: 20px;
    margin-right: 20px; }
    .group.ancres .btn-groupe strong {
      color: #fff; }
  .legendary {
    width: auto; } }

@media (max-width: 926px) {
  .text-slider {
    width: 100%; } }

@media screen and (max-width: 576px) {
  .main-content, .container-fluid
.m_container {
    padding: 0 15px; }
  .st-menu ul li a {
    font-size: 0.9rem; }
  .main-content {
    overflow-x: hidden; }
    .main-content header {
      height: 22em;
      margin-bottom: 0; }
      .main-content header .img-header img {
        bottom: -1px; }
      .main-content header h1 {
        font-size: 2.5em;
        max-width: 80%; }
      .main-content header section .block-text {
        padding-left: 0; }
      .main-content header section h2.salmon {
        position: initial; }
    .main-content .actualite .header-text h1 {
      font-size: 1.5em; }
    .main-content .filters form {
      flex-direction: column;
      width: 100%;
      align-items: center; }
      .main-content .filters form .custom-select.designed {
        width: 90%;
        margin-bottom: 13px; }
    .main-content .spie-contact .block-content .text h4 {
      max-width: 100%; }
    .main-content .spie-contact .block-content .text .btn.contact {
      font-size: 1rem;
      padding: .5rem 1rem; }
    .main-content .buttons.both .btn.group, .main-content .buttons.both .btn.g-expertise, .main-content .buttons.both .btn.f-filiales, .main-content .buttons.both .btn.f-rea {
      padding: 1rem 0.9rem;
      font-size: 0.8em; }
    .main-content .buttons .btn.custom {
      padding: 1rem 1.2rem;
      font-size: 0.8em;
      margin-top: 20px; }
    .main-content .page .btn-group {
      align-self: center; }
    .main-content .page.recrut form {
      margin-left: 1rem; }
    .main-content .page h3 {
      padding: 0; }
    .main-content .page p {
      padding: 0; }
    .main-content .page .expertises-cards .card.experts {
      margin-top: 10%; }
    .main-content .page .form-check-label {
      margin-left: 0px; }
    .main-content .page .section-contact.form-wrapper {
      padding: 40px; }
    .main-content .offer {
      display: flex; }
  .sect_1 {
    padding-left: 15px;
    padding-right: 10px; }
  label.label-2-filiales {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 1em; }
  .page input[type=submit] {
    padding: 10px 20px; }
  .link-list li {
    margin-bottom: 20px; }
  .framed {
    display: flex; }
  .img-txt.txt-xs p {
    font-size: 9px; }
  .img-txt p {
    font-size: 9px; } }

@media screen and (min-width: 576px) {
  .actus form .custom-select.designed:nth-child(0n+3) {
    border-left: none; }
  .realisations form .custom-select.designed:nth-child(0n+3) {
    border-left: none;
    border-right: none; } }

@media screen and (max-width: 767px) {
  .filters {
    margin: 10% auto; }
  .display-none-mobile {
    display: none; }
  h3.map-overlay {
    font-size: 1em;
    display: flex;
    bottom: 20px;
    top: inherit; }
  .map-legend {
    display: none; }
  .search-open #search-form {
    padding-right: 0; }
    .search-open #search-form #search-input-wrapper.focus {
      width: 100%; }
  .main-content section {
    margin-top: 6em; }
  .main-content h1 {
    font-size: 2.5em;
    max-width: 67%; }
  .main-content footer {
    background-size: cover; }
  .main-content .media-group {
    padding: 0; }
    .main-content .media-group.m-between {
      margin: 0.5em 0 0 0 !important; }
    .main-content .media-group .block-content .icone {
      bottom: -40px;
      left: 40%;
      border: 2px solid #fff; }
      .main-content .media-group .block-content .icone.others {
        display: none; }
    .main-content .media-group .block-content .block-image .text {
      bottom: 20%;
      width: 80%; }
    .main-content .media-group .block-content .text {
      left: 10%; }
  .main-content #search-form {
    bottom: 1em; }
  .main-content .spie-actu .all-rea, .main-content .spie-actu .all-actus, .main-content .spie-rea .all-rea, .main-content .spie-rea .all-actus {
    flex-direction: column; }
    .main-content .spie-actu .all-rea .first, .main-content .spie-actu .all-actus .first, .main-content .spie-rea .all-rea .first, .main-content .spie-rea .all-actus .first {
      min-height: 25em;
      max-height: 27em; }
    .main-content .spie-actu .all-rea .last, .main-content .spie-actu .all-actus .last, .main-content .spie-rea .all-rea .last, .main-content .spie-rea .all-actus .last {
      display: none; }
    .main-content .spie-actu .all-rea > article, .main-content .spie-actu .all-actus > article, .main-content .spie-rea .all-rea > article, .main-content .spie-rea .all-actus > article {
      min-height: 11em;
      max-height: 14em; }
      .main-content .spie-actu .all-rea > article .info p, .main-content .spie-actu .all-actus > article .info p, .main-content .spie-rea .all-rea > article .info p, .main-content .spie-rea .all-actus > article .info p {
        display: none; }
    .main-content .spie-actu .all-rea .block-content, .main-content .spie-actu .all-actus .block-content, .main-content .spie-rea .all-rea .block-content, .main-content .spie-rea .all-actus .block-content {
      min-height: auto; }
      .main-content .spie-actu .all-rea .block-content article, .main-content .spie-actu .all-actus .block-content article, .main-content .spie-rea .all-rea .block-content article, .main-content .spie-rea .all-actus .block-content article {
        min-height: 11em;
        max-height: 14em;
        height: inherit; }
  .main-content .spie-actu .all-actus article .info {
    bottom: 30px; }
    .main-content .spie-actu .all-actus article .info.middle {
      top: 53%; }
  .main-content .spie-actu .all-actus .block-content > a {
    max-height: 200px;
    min-height: 200px; }
  .spie-offer .block-text, .spie-recrut .block-text {
    margin-bottom: 2em; }
  .spie-recrut .block-image .text h4 {
    font-size: 17px;
    margin-bottom: 5px; }
  .spie-recrut .block-image .text .job-link {
    display: none; }
  .spie-rea .all-rea article .line {
    margin-top: 1.5em; }
  .spie-rea .all-rea article .info {
    justify-content: start; }
    .spie-rea .all-rea article .info.first {
      position: initial !important;
      padding-top: 9em;
      padding-left: 1em; }
  .spie-contact .overlay.grey {
    background: rgba(54, 61, 71, 0.75) none repeat scroll 0 0; }
  .page [class*="list-"] {
    padding: 0; }
    .page [class*="list-"] .content-right {
      position: absolute;
      left: 0;
      bottom: 20px; }
      .page [class*="list-"] .content-right > span, .page [class*="list-"] .content-right h3, .page [class*="list-"] .content-right p, .page [class*="list-"] .content-right a {
        color: #fff; }
  .page [class*="block-switch-"] {
    flex-direction: column; }
  .page [class*="content-wrapper"] .block-img {
    min-height: 30em;
    max-height: 30em; }
  .page [class*="content-wrapper"] .date {
    color: #fff; }
  .page .btn-group {
    align-items: center;
    align-self: center; }
    .page .btn-group .btn.more {
      border-radius: 20px !important;
      border-color: #fff;
      padding: 0.5em 2em; }
  .page .block-switch-rea, .page .list-cp, .page .list-actu {
    display: block !important; }
  .page .press {
    padding: 0; }
    .page .press .block-contact {
      padding: 2em 1em; }
    .page .press .block-content {
      flex-direction: column; }
      .page .press .block-content .block {
        margin-bottom: 2em; }
  .page .section-contact {
    flex-direction: column;
    padding: 0; }
    .page .section-contact .block-address {
      background: #b4b4b4; }
      .page .section-contact .block-address:first-child {
        padding-top: 4em; }
      .page .section-contact .block-address:last-child {
        padding-bottom: 2em; }
    .page .section-contact.form-wrapper {
      padding: 60px; }
      .page .section-contact.form-wrapper .form-group {
        padding: 0; }
      .page .section-contact.form-wrapper .form-item {
        flex-direction: column; }
  .page .expertises-list .custom-combobox .custom-combobox-input {
    border-radius: 20px;
    padding: .375rem 3.75rem; }
  .page .expertises-list .custom-combobox .custom-combobox-toggle {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px; }
  .page .expertises-list .expertises-cards {
    padding: 0; }
    .page .expertises-list .expertises-cards .metier-selector {
      border-radius: 20px;
      padding-left: 2rem; }
  .page .sect_expertises article {
    display: initial; }
  .page.realisations #content-wrapper-filtered-realisations .block-rea {
    padding: 0; }
    .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block {
      flex-direction: column; }
      .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .content {
        padding: 0; }
      .page.realisations #content-wrapper-filtered-realisations .block-rea .realisation-wrapper .block .btn-group {
        padding: 0; }
  .page.realisations #content-wrapper-filtered-realisations .wrap-block .realisation-wrapper {
    min-height: 15em;
    max-height: 19em; }
    .page.realisations #content-wrapper-filtered-realisations .wrap-block .realisation-wrapper .block {
      justify-content: flex-end; }
      .page.realisations #content-wrapper-filtered-realisations .wrap-block .realisation-wrapper .block h3 {
        font-size: 1.2rem;
        margin-bottom: 1em; }
  .page.recrut article {
    flex-direction: column; }
  header.row.justify-content-center.actualite_header {
    height: 22em; }
  .mySlides img {
    height: 22em; }
  .menu_nav_prec_suiv {
    padding: 1rem 0; }
  .single-page-nav-menu {
    padding: 1rem 0; }
  .page-group .ancres ul {
    width: 100%;
    list-style-type: none;
    display: block;
    padding: 0;
    margin: auto; }
    .page-group .ancres ul li {
      text-align: center;
      margin-bottom: 2em; }
      .page-group .ancres ul li .btn-groupe {
        padding: 10px;
        border: 1px solid #363D47;
        border-radius: 25px; }
        .page-group .ancres ul li .btn-groupe:hover {
          color: #363D47;
          border: 1px solid #fff;
          border-radius: 25px;
          background: #f0af00; }
  .offres_filiales a, .offres_metiers a {
    text-decoration-line: none;
    padding: 3px 9px;
    border: 1px solid #363D47;
    border-radius: 25px; }
    .offres_filiales a:hover, .offres_metiers a:hover {
      color: #363D47;
      border: 1px solid #fff;
      border-radius: 25px;
      background: #f0af00; } }

@media screen and (min-width: 767px) {
  .spie-actu .all-actus .block-content > a {
    max-height: 50%;
    min-height: 50%; }
  .spie-rea article .line {
    margin-bottom: 4rem; }
  .spie-rea article .info {
    justify-content: flex-start;
    padding-bottom: 3em; }
    .spie-rea article .info.first {
      padding-bottom: 5em;
      padding-left: 1em; }
  .spie-rea .all-rea .block-content a {
    height: 50%; }
  .page [class*="content-wrapper"] .date, .page [class*="content-wrapper"] h3, .page [class*="content-wrapper"] p {
    color: #363D47; }
  .page.recrut section, .page.recrut h3, .page.recrut p {
    padding-left: 0; }
  .page.realisations #content-wrapper-filtered-realisations > .block-rea {
    padding-left: 0;
    padding-right: 0; }
  .page.realisations #content-wrapper-filtered-realisations .wrap-block .block-rea:first-child {
    padding-left: 0; }
  .page.realisations #content-wrapper-filtered-realisations .wrap-block .block-rea:last-child {
    padding-right: 0; }
  .page.realisations #content-wrapper-filtered-realisations .wrap-block .block-rea .content h3 {
    font-size: 1.4rem; }
  .page.realisations #content-wrapper-filtered-realisations .btn-group {
    align-items: normal; }
  .page .expertises-cards:first-child {
    padding-left: 0; } }

@media screen and (min-width: 768px) and (max-width: 992px) {
  .main-content #search-form {
    bottom: 2em; }
  .filters.filiales form {
    flex-direction: column;
    width: 100%;
    margin: 0;
    align-items: center; }
  .label-2-filiales {
    margin-left: 0 !important;
    margin-top: 1em; }
  footer .order-3-footer {
    order: 3; }
  footer .order-4-footer {
    order: 4; }
  .page.press .block-switch-cp .block-img .block-style h3 {
    margin: inherit; }
    .page.press .block-switch-cp .block-img .block-style h3::before {
      content: none; }
  .page.press .block-switch-cp .block-img .block-style span, .page.press .block-switch-cp .block-img .block-style .content-body {
    padding: 0; }
  .page .expertises-list .expertises {
    justify-content: center; } }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .page [class*="content-wrapper"] .block-img {
    min-height: 15em;
    max-height: 15em; }
    .page [class*="content-wrapper"] .block-img.list {
      min-width: 15em; } }

@media screen and (max-width: 992px) {
  .onScroll nav.navbar .navbar-brand {
    width: 106px; }
  nav.navbar {
    padding-left: 0; }
    nav.navbar .navbar-brand {
      width: 140px; }
  .container-fluid section a.all-recrut, .container-fluid section a.all-offers, .container-fluid section a.all-finances {
    position: relative !important;
    margin-bottom: 2em; }
  .container-fluid #content-wrapper-filtered-realisations .wrap-block .block-rea .block {
    justify-content: flex-end; }
    .container-fluid #content-wrapper-filtered-realisations .wrap-block .block-rea .block .btn-group {
      max-width: 100%;
      position: relative;
      bottom: inherit;
      left: inherit; } }

@media screen and (max-width: 992px) {
  .expertises-list .expertises-card {
    margin-right: 5%;
    margin-left: 5%; }
  .select_dom_exper_filiales.col-lg-6.col-md-12.col-sm-12 {
    margin-bottom: 2%; }
  .page.contact .section-contact .padding-adresse {
    margin-bottom: 30px;
    padding: 0; }
  .content-adresse-contact {
    display: flex;
    justify-content: space-between;
    order: 1; }
  .first-block-contact {
    order: 2; }
  .content-contact {
    display: flex;
    justify-content: center !important; } }

@media screen and (min-width: 992px) and (max-width: 1050px) {
  .wrap-block .block-rea .block {
    justify-content: flex-end; }
    .wrap-block .block-rea .block .btn-group {
      max-width: 100%;
      position: relative;
      bottom: inherit;
      left: inherit; } }

@media screen and (min-width: 992px) {
  .onScroll .container-fluid nav.navbar .navbar-brand {
    width: 124px; }
  .container-fluid nav.navbar .navbar-brand {
    width: 160px; } }

@media (max-width: 768px) {
  blockquote {
    padding-top: 40px;
    font-size: 16px; }
  .innovation h2 {
    top: 20px; }
  .innovation h3 {
    font-size: 24px; }
  .innovation section {
    margin-top: 40px; }
    .innovation section h4 {
      font-size: 22px;
      line-height: 22px;
      margin: 0 0 40px; }
  .innovation .mobile-margin {
    margin-top: 120px; }
  .innovation .lightSlider p {
    width: 100%;
    height: auto;
    transform: none;
    border: 1px solid #cfcfcf; }
  .innovation iframe {
    width: 100%; }
  .innovation .lSAction a.lSNext, .innovation .lSAction a.lSPrev {
    top: 44%; }
  .innovation .grey-card.list {
    font-size: 16px; } }

header.flex-header {
  height: 50vh;
  margin-left: -15px;
  margin-right: -15px; }
  header.flex-header .container-fluid {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 0 120px; }

@media (max-width: 768px) {
  header.flex-header .container-fluid {
    padding: 0 40px; } }

.entite-new h1 {
  position: static;
  font-size: 36px;
  font-weight: 600;
  margin: 0; }
  .entite-new h1.actuality {
    padding-top: 25%;
    padding-left: 5%; }

.entite-new h3 {
  font-size: 30px;
  font-weight: bold;
  padding-top: 10px; }

.entite-new .white {
  font-size: 17px; }

.entite-new .section_title article {
  font-weight: 500;
  padding-top: 10px; }
  .entite-new .section_title article span {
    color: #ffbc20; }

.entite-new article p {
  font-weight: 500; }

.entite-new .contain-color {
  background: #e2dfdf;
  height: 374px;
  width: 100%; }

.entite-new .carousel {
  width: 100%; }

.entite-new .realisation-multiselect {
  width: 100%; }

.entite-new .swiper-container {
  padding: 30px 0px; }
  .entite-new .swiper-container img {
    width: 100%; }

.entite-new .custom-select-general {
  display: flex;
  justify-content: flex-end; }
  .entite-new .custom-select-general select {
    margin-right: 5px; }

.entite-new .btn-swipper {
  border: solid 1px #D8D8D8;
  display: inline-flex;
  vertical-align: middle;
  height: 53px;
  margin-left: 20px; }

.entite-new .swiper-btn {
  width: 50px;
  height: 50px;
  background: url("/static/img/icons/right-arrow.svg?0194a8a2a6a2") center no-repeat;
  background-size: 10px; }
  .entite-new .swiper-btn:focus {
    outline: none; }
  .entite-new .swiper-btn.button-prev {
    transform: rotate(180deg);
    border-left: 1px solid #D8D8D8; }
  .entite-new .swiper-btn.button-prev-prev {
    transform: rotate(180deg);
    border-left: 1px solid #D8D8D8; }

.entite-new .swiper-realisations a {
  height: 230px; }

.entite-new .custom-select-general {
  text-align: end; }

.entite-new select {
  display: inline-block;
  vertical-align: middle; }
  .entite-new select.custom-select {
    height: 53px; }
    .entite-new select.custom-select.designed {
      background: url("/static/img/icons/arrow-end.svg?0194a8a2a6a2") no-repeat right 0.75rem center;
      border: 1px solid #D8D8D8;
      background-size: 14px; }

.entite-new .back {
  position: relative; }

.entite-new .info {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 90%;
  z-index: 1; }
  .entite-new .info:before {
    content: '';
    background: #f0af00;
    width: 20px;
    height: 3px;
    float: left;
    margin-top: 26px;
    margin-right: 10px;
    margin-bottom: 13px;
    margin-left: 5px; }
  .entite-new .info p {
    color: white;
    font-weight: 600;
    font-size: 12px;
    padding-left: 30px;
    margin-bottom: 0; }

.entite-new .img-wrap {
  width: 100%;
  height: 100%;
  min-height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.entite-new .expertise-wrap {
  height: auto; }

@media screen and (max-width: 576px) {
  .entite-new .actualite .custom-select-general {
    text-align: left; }
  .entite-new .actualite h3 {
    font-size: 28px; }
  .entite-new .btn-swipper {
    display: none; }
  .entite-new .custom-select {
    width: 100%; }
  .entite-new .viability-size {
    margin: 0; }
  .entite-new .filiale-header .header-text, .entite-new .flex-header .header-text {
    padding-bottom: 0px; } }

@media screen and (max-width: 770px) {
  .entite-new .custom-select-general {
    text-align: left; } }

.entite-new.actualite .section_paragraphe .btn-group span {
  color: #363D47;
  border: 1px solid #363D47;
  border-radius: 50%;
  padding: 0;
  font-size: 29px; }
  .entite-new.actualite .section_paragraphe .btn-group span:hover {
    color: #fff !important;
    background-color: #363D47 !important; }

.entite-new.actualite .section_paragraphe .btn-group a:focus {
  text-decoration: none; }

.entite-new.actualite .section_paragraphe .btn-group ul {
  padding-top: 13px; }

.entite-new.actualite .section_paragraphe .btn-group li {
  display: inline; }

.entite-new.actualite .swiper-actus {
  padding: 20px 100px 100px; }
  .entite-new.actualite .swiper-actus .swiper-wrapper {
    height: 40vh; }

.entite-new.actualite .header-swiper-actus {
  padding: 0 100px; }

@media screen and (max-width: 768px) {
  .entite-new.actualite .main-content header h1 {
    font-size: 1.5em; }
  .entite-new.actualite .swiper-actus {
    padding: 20px; }
    .entite-new.actualite .swiper-actus .swiper-wrapper {
      height: 40vh; }
  .entite-new.actualite .header-swiper-actus {
    padding: 0 20px; } }

.entite-new .back {
  background-color: #F0F2F6; }

.entite-new .section_title {
  line-height: 1; }

.entite-new h1 .section-title article {
  padding-top: 0; }

.entite-new h1 + p {
  font-size: 17px;
  color: #F1AF01;
  margin-top: 7px; }

.entite-new .intervenant {
  display: block;
  font-weight: 900; }

.entite-new .contour-light {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 176px;
  padding: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); }
  .entite-new .contour-light img {
    display: block;
    height: 98px; }

.entite-new .contour-color {
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.17);
  text-align: center;
  margin-bottom: 20px;
  padding-right: 0;
  padding-left: 0; }
  .entite-new .contour-color .centering-text {
    padding: 20px; }
    .entite-new .contour-color .centering-text.other-info span {
      height: 28px;
      width: 250px;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
      background-color: #7CC172;
      border-radius: 14px;
      display: block;
      margin: 5px auto;
      align-items: center;
      padding-top: 3px; }
  .entite-new .contour-color span {
    color: #F1AF01; }
  .entite-new .contour-color .intervenant {
    margin-top: 25px; }
  .entite-new .contour-color .border-separate {
    border-left: 2px solid rgba(203, 208, 211, 0.2);
    border-right: 2px solid rgba(203, 208, 211, 0.2); }

.entite-new .contain-merge {
  margin-bottom: 50px;
  margin-top: 50px; }
  .entite-new .contain-merge .col-auto {
    border-right: 2px solid rgba(203, 208, 211, 0.2); }
    .entite-new .contain-merge .col-auto:last-child {
      border: 0; }

.entite-new .merge-title {
  margin-right: 40px;
  float: left;
  margin-bottom: 20px; }
  .entite-new .merge-title img {
    width: 150px; }

.entite-new article span {
  color: #F1AF01; }

.entite-new article h3 {
  color: #F1AF01; }

.entite-new article .align-text {
  margin-left: 75px;
  width: 700px; }

.entite-new .big-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 20px 0; }
  .entite-new .big-swiper .swiper-slide {
    width: 100%;
    height: 500px; }
  .entite-new .big-swiper .swiper-button-next {
    height: 300px;
    width: 50px;
    background: url("/static/img/icons/arrow-white.svg?0194a8a2a6a2") center no-repeat;
    right: 0px;
    top: 25%;
    background-color: rgba(0, 0, 0, 0.2); }
    .entite-new .big-swiper .swiper-button-next:focus {
      outline: none; }
  .entite-new .big-swiper .swiper-button-prev {
    left: 0px;
    background: url("/static/img/icons/arrow-white.svg?0194a8a2a6a2") center no-repeat;
    height: 300px;
    width: 50px;
    background-color: rgba(0, 0, 0, 0.2);
    top: 25%;
    transform: rotate(180deg); }
    .entite-new .big-swiper .swiper-button-prev:focus {
      outline: none; }

@media screen and (max-width: 780px) {
  .entite-new .merge-title {
    float: none; }
  .entite-new .swiper-button-next, .entite-new .swiper-button-prev {
    height: 45px;
    top: 50%; }
  .entite-new .contour-color .border-separate {
    border-left: none !important;
    border-right: none !important; }
  .entite-new .mobil {
    border-bottom: 2px solid rgba(203, 208, 211, 0.2);
    border-top: 2px solid rgba(203, 208, 211, 0.2); } }

@media screen and (max-width: 480px) {
  .entite-new .swiper-button-next, .entite-new .swiper-button-prev {
    display: none; }
  .entite-new .contour-color .border-separate {
    border-left: none !important;
    border-right: none !important; }
  .entite-new .mobil {
    border-bottom: 2px solid rgba(203, 208, 211, 0.2);
    border-top: 2px solid rgba(203, 208, 211, 0.2); }
  .entite-new .align-text {
    margin-left: 0px !important;
    width: auto !important; } }

* {
  box-sizing: border-box; }

.nav-secondary {
  width: 100%;
  height: 60px;
  margin-top: 60px;
  background: #fff; }
  .nav-secondary .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
  .nav-secondary .nav-btns {
    margin-top: 5px; }
    .nav-secondary .nav-btns a {
      display: inline-block;
      height: 28px;
      text-decoration: none; }
      .nav-secondary .nav-btns a.btn-next {
        transform: rotate(180deg);
        margin-left: 10px; }

/*---- Header ----*/
.filiale-header, .flex-header {
  padding-top: 0;
  margin-left: -15px;
  margin-right: -15px;
  background: #fff;
  padding-bottom: 0;
  max-height: 50vh;
  padding-top: 0;
  margin-bottom: 0; }
  .filiale-header .header-empty, .flex-header .header-empty {
    height: 525px;
    display: block;
    background: #646464; }
  .filiale-header .img-container, .flex-header .img-container {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .filiale-header .img-container:nth-child(1), .flex-header .img-container:nth-child(1) {
      margin-left: -10px;
      margin-right: 10px; }
  .filiale-header.with-background, .flex-header.with-background {
    background-color: #646464;
    max-height: 30vh; }
  .filiale-header .header-text, .flex-header .header-text {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 60px; }
    .filiale-header .header-text h1, .flex-header .header-text h1 {
      position: static; }

.entite-new .back-color {
  background-color: #F0F2F6;
  margin-left: -15px;
  margin-right: -15px;
  padding: 20px;
  margin-top: 30px; }

.entite-new .block-image {
  height: 12em; }

.entite-new .encart {
  position: absolute;
  right: 0; }

.entite-new .jobs h3 {
  padding: 0; }

.entite-new .jobs .media-group {
  width: 100%;
  height: 200px;
  display: block;
  position: relative; }
  .entite-new .jobs .media-group:hover .overlay-two {
    background: rgba(0, 0, 0, 0.4); }

.entite-new .jobs .text {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1;
  transition: all 0.3; }
  .entite-new .jobs .text p {
    font-size: 0.7em;
    color: #fff;
    font-weight: 100; }
  .entite-new .jobs .text h3 {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400; }
  .entite-new .jobs .text span {
    font-size: 13px; }
  .entite-new .jobs .text:hover {
    background: rgba(0, 0, 0, 0.4); }

.entite-new .jobs a {
  display: inline-block; }

.entite-new .chiffres-cles-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.17);
  height: 314px;
  margin-top: -53px;
  font-weight: 300; }
  .entite-new .chiffres-cles-container h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px; }
    .entite-new .chiffres-cles-container h6 a {
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      text-decoration: underline;
      color: inherit; }
  .entite-new .chiffres-cles-container p {
    margin-bottom: 5px; }
  .entite-new .chiffres-cles-container .yellow {
    font-weight: 700;
    font-size: 18px; }
  .entite-new .chiffres-cles-container .definition {
    font-size: 12px;
    text-align: right;
    margin-top: 6px; }
  .entite-new .chiffres-cles-container .brochure-btn {
    position: relative;
    display: block;
    border: 1px solid #363D47;
    padding: 16px 16px 16px 100px;
    color: #363D47;
    font-size: 12px;
    font-style: italic;
    margin-top: 20px; }
    .entite-new .chiffres-cles-container .brochure-btn img {
      display: block;
      position: absolute;
      left: 16px;
      bottom: 0;
      width: 66px;
      height: 80px; }

.entite-new .flex {
  display: flex;
  justify-content: space-between; }

.entite-new .block-filiale-wrapper .block-filiale {
  color: #363D47;
  display: flex;
  align-items: center;
  width: 100%;
  height: 130px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 10px;
  margin: 15px 0;
  transition: all 0.2s;
  cursor: pointer; }
  .entite-new .block-filiale-wrapper .block-filiale:hover {
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.15); }
  .entite-new .block-filiale-wrapper .block-filiale:hover .block-filiale-text .yellow {
    text-decoration: underline; }
  .entite-new .block-filiale-wrapper .block-filiale .block-filiale-text {
    margin: 0 10px;
    max-height: 85px; }
  .entite-new .block-filiale-wrapper .block-filiale .black {
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin: 0; }
  .entite-new .block-filiale-wrapper .block-filiale .yellow {
    color: #F1AF01;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    letter-spacing: 0.24px;
    line-height: 11px; }

.entite-new .block-filiale-wrapper.documents-block .block-filiale {
  padding: 20px;
  justify-content: space-between; }
  .entite-new .block-filiale-wrapper.documents-block .block-filiale.pdf-size {
    height: 90px;
    padding: 12px 20px; }
    .entite-new .block-filiale-wrapper.documents-block .block-filiale.pdf-size .text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
    .entite-new .block-filiale-wrapper.documents-block .block-filiale.pdf-size h5 {
      font-size: 14px; }
      .entite-new .block-filiale-wrapper.documents-block .block-filiale.pdf-size h5 + p {
        color: #cecece;
        font-size: 12px;
        margin-bottom: 0; }

.entite-new .filiale-map #map-canvas {
  height: 430px;
  margin-top: -180px;
  z-index: 100; }
  .entite-new .filiale-map #map-canvas .zoom-controls-wrapper {
    width: 70px;
    height: 30px; }
    .entite-new .filiale-map #map-canvas .zoom-controls-wrapper .minus {
      width: 30px;
      height: 30px; }
    .entite-new .filiale-map #map-canvas .zoom-controls-wrapper .plus {
      width: 30px;
      height: 30px; }

.entite-new .filiale-map #map-footer {
  display: flex;
  align-items: center;
  background-color: #363D47;
  height: 60px; }
  .entite-new .filiale-map #map-footer form {
    width: calc(100% - 60px); }
    .entite-new .filiale-map #map-footer form select {
      width: 100%;
      background-color: #363D47;
      overflow: hidden;
      height: 60px;
      color: white;
      border: none;
      padding-left: 23px; }
      .entite-new .filiale-map #map-footer form select:focus {
        outline: none; }
      .entite-new .filiale-map #map-footer form select.designed {
        background: url("/static/img/icons/arrow-down-white.svg?0194a8a2a6a2") no-repeat right 0.75rem center;
        background-size: 14px; }
  .entite-new .filiale-map #map-footer a {
    display: block;
    width: 60px;
    padding: 0 10px 0 10px;
    border-left: 1px solid #646464; }
    .entite-new .filiale-map #map-footer a img {
      display: block;
      margin: 0 auto; }
      .entite-new .filiale-map #map-footer a img:hover {
        transform: scale(1.1); }

.entite-new .section_title a {
  color: black;
  font-size: 12px;
  text-decoration: underline; }

.entite-new .margin {
  margin-bottom: 60px; }

.entite-new .selection {
  display: flex;
  justify-content: flex-end; }
  .entite-new .selection select {
    margin-right: 5px; }

.entite-new .wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto); }

.entite-new .swiper-container.swiper-actus .card {
  border: 0; }

.entite-new .swiper-container.swiper-actus .overlay {
  height: 230px; }

.entite-new .swiper-container.swiper-actus .swiper-wrapper {
  height: 230px; }

.entite-new .swiper-container.swiper-actus-no-number .swiper-wrapper {
  height: 230px; }

@media screen and (max-width: 1200px) {
  .entite-new .chiffres-cles-container .brochure-btn {
    padding: 6px 16px 16px 100px;
    font-size: 10px;
    margin-top: 11px; } }

@media screen and (max-width: 992px) {
  .entite-new .chiffres-cles-container {
    margin-top: 20px; }
    .entite-new .chiffres-cles-container .brochure-btn {
      margin-top: 38px; }
  .entite-new .filiale-map #map-canvas {
    margin-top: 0px; }
  .entite-new .selected-actu {
    display: flex;
    justify-content: space-between; } }

@media screen and (max-width: 768px) {
  .entite-new .framed {
    margin-bottom: 5px; }
  .entite-new .wrapper {
    grid-template-columns: repeat(3, 1fr); }
  .entite-new .filiale-map #map-canvas {
    margin-top: 0px; }
  .entite-new .encart {
    position: inherit; }
  .entite-new .chiffres-cles-container .brochure-btn img {
    width: 33px;
    height: 40px; }
  .jobs .text p {
    padding-left: 0; } }

@media screen and (max-width: 576px) {
  .entite-new .chiffres-cles-container .brochure-btn {
    padding: 0px 0px 0px 60px;
    font-size: 10px;
    margin-top: 11px;
    margin-top: 0px; }
  .entite-new .framed {
    margin-bottom: 5px; }
  .entite-new .encart {
    position: inherit; }
  .entite-new .length-mobile {
    width: 100%;
    margin-left: 0px; }
  .entite-new .filiale-map #map-canvas {
    margin-top: 0px; }
  .entite-new .wrapper {
    grid-template-columns: repeat(1, 1fr); } }

/*---- Fading animation ----*/
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

#master-logo > img {
  width: 112px;
  height: 55px; }

#master-title {
  position: absolute;
  top: 0;
  left: 150px;
  width: 500px; }

#master-title > h1 {
  font-size: 30px; }

#master-datestamp {
  position: absolute;
  top: 20px;
  right: 0px;
  width: 200px;
  font-size: 12px; }

.implantation-box {
  margin-top: 50px;
  display: flex;
  flex-direction: row; }

.implantation-logo {
  float: left;
  width: 100px; }

.implantation-logo > img {
  width: 100px; }

.master-address {
  font-size: 13px;
  line-height: 25px; }

.master-phone {
  font-size: 13px;
  line-height: 25px; }

.master-email {
  font-size: 13px;
  line-height: 25px; }

.master-social-media {
  position: absolute;
  right: 30px;
  bottom: 30px; }

.master-social-media img {
  width: 50px;
  height: 50px; }

.size-title {
  font-size: 30px;
  margin-top: 20px; }

.video-filiale .swiper-slide, .swiper-video .swiper-slide {
  display: flex;
  align-items: flex-end; }

.video-filiale .title-description, .swiper-video .title-description {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 20px 20px 0;
  color: #fff;
  z-index: 20;
  font-size: 12px;
  text-transform: uppercase; }
  .video-filiale .title-description p, .swiper-video .title-description p {
    color: white;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: -11px; }
  .video-filiale .title-description:before, .swiper-video .title-description:before {
    content: '';
    background: #f0af00;
    width: 20px;
    height: 3px;
    float: left;
    margin-top: 26px;
    margin-right: 10px;
    margin-bottom: 13px;
    margin-left: 5px; }

.video-frame-overlay {
  display: none;
  position: fixed;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2000; }
  .video-frame-overlay .video-frame .close-button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #363D47 url("/static/img/icons/close.svg?3f252852467e") center no-repeat;
    background-size: 20px;
    margin: 0 0 20px calc(100% - 56px);
    cursor: pointer; }

.popup .overlay-two {
  background-image: url("/static/img/icons/play.svg?3f252852467e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px; }

.popup.size-popup {
  position: absolute;
  width: 100%;
  left: 0; }

.button-function {
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  margin-top: 20px; }
  .button-function .swipper-button {
    left: 0px;
    background: url("/static/img/icons/arrow-down-yellow.svg?3f252852467e") center no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin: 0 auto; }
    .button-function .swipper-button.down {
      transform: rotate(180deg);
      display: block; }
    .button-function .swipper-button:focus {
      outline: none; }

.first-video {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px;
  margin: 20px 0px; }

.all-video {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px;
  display: none; }

.grid {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px 20px; }

.section_title iframe, .section_title video {
  width: 100%; }

@media screen and (max-width: 780px) {
  .video-frame iframe {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .button-function {
    display: none; }
  .video-frame iframe {
    width: 300px;
    height: 200px; }
  .back-color .video-down {
    display: flex !important; }
  .first-video {
    display: none; }
  .all-video {
    display: flex;
    width: 100%; } }