/* Google Fonts */
  @font-face {
  font-family: hind-bold;
  src: url('font/hind-bold.otf'),
  url('font/Hind-Bold.ttf');
  }
  @font-face {
  font-family: hind-light;
  src: url('font/hind-light.otf'),
  url('font/Hind-Light.ttf');
  }
  @font-face {
  font-family: hind-medium;
  src: url('font/hind-medium.otf'),
  url('font/Hind-Medium.ttf');
  }
  @font-face {
  font-family: hind-regular;
  src: url('font/hind-regular.otf'),
  url('font/Hind-Regular.ttf');
  }
  @font-face {
  font-family: hind-semibold;
  src: url('font/hind-semibold.otf'),
  url('font/Hind-Semibold.ttf');
  }
  @font-face {
  font-family: Lato-Regular;
  src: url('font/Lato-Regular.ttf');
  }
  body{
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  background-color: #f8f8f8;
  }
  img{
  max-width: 100%;
  }

  /* Typography */
  h1, h2, h3, h4, h5, h6 {

  }

  h1 {
  font-size: 49px;
  letter-spacing:6px;
  font-family: "hind-bold";
  font-weight: 700;
  color: #303030;
  text-transform: uppercase;
  }
  #main{
  min-height: 600px;
  /* padding-top: 100px; */
  }
  .content .row{
  margin: 0px;
  }
  .content .row .containers{
  padding-left: 0px;
  padding-right: 0px;
  }
  .noPnoM {
  margin: 0!important;
  padding: 0!important;
  }
  .equal {
  display: flex;
  display: -webkit-flex;
  }
  .breadcrumb {
  width: 100%;
  background-color: transparent;
  margin: auto;
  padding: 50px 10% 20px 10%;
  margin-bottom: 0px;
  display: block;
  clear: both;
  }
  .breadcrumb > .active {
  display: none;
  }
  .breadcrumb li,
  .breadcrumb li a {
  font-size: 16px;
  color: #303030;

  }

  .path-nos-opportunites .breadcrumb {
  width: 100%;
  background-color: #fff;
  margin: auto;
  padding-left: calc((100% - 1160px) / 2);
  padding-right: calc((100% - 1160px) / 2);
  padding-top: 50px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  display: block;
  clear: both;
  }
  .page-ennos-metiers .breadcrumb,
  .page-nos-metiers .breadcrumb,
  .page-enour-job .breadcrumb {
  margin: auto;
  padding-top: 50px;
  display: block;
  clear: both;
  background-color: #f8f8f8;
  }
  .page-node-type-nos-engagements .breadcrumb,
  .page-node-type-qui-sommes-nous .breadcrumb,
  .path-espace-presse .breadcrumb,
  .page-espace-presse .breadcrumb,
  .page-enespace-presse .breadcrumb,
  .page-enpress-room .breadcrumb,
  .page-node-type-carriere .breadcrumb {
  float: left;
  width: 100%;
  margin-bottom: 0;
  background-color: #f8f8f8;
  padding: 50px 15% 25px 15%;
  border-radius: 0px;
  }
  .page-node-type-qui-sommes-nous .breadcrumb{
    background-color: #282728!important;
  }
  .engagement-container .body .link-body a{
    font-size: 16px;
    color: #f8f8f8;
    font-family: hind-light;
    padding: 5px 30px;
    border: 1px solid #f8f8f8;
    line-height: 35px
  }
  .engagement-container .body .link-body{
    margin-top: 10px;
  }
  .page-node-type-nos-engagements .breadcrumb,
  .page-node-type-qui-sommes-nous .breadcrumb {
  display: none;
  padding-bottom: 0;
  }
  .page-node-type-espace-presse #breadcrumbs .breadcrumb,
  .page-node-type-nos-engagements #breadcrumbs .breadcrumb,
  .page-node-type-qui-sommes-nous #breadcrumbs .breadcrumb {
  display: block;
  }
  .page-node-type-espace-presse #breadcrumbs .breadcrumb {
  padding: 0 15px;
  }
  .page-node-type-nos-services-presentation .breadcrumb,
  .page-node-type-nos-services .breadcrumb,
  .page-node-type-nos-filiales .breadcrumb,
  .page-node-type-nos-filiales-presentation .breadcrumb {
  position: absolute;
  z-index: 10;
  margin-top: 90px;
  }
  /* Rajout Dave **************************************************************************************************************************/


  label.control-label.sr-only {
  display: none;
  }

  #block-formulairederecherche, #block-formulairederecherche-2 {
  width: 185px;
  float: left;
  }

  .menu.menu--main.nav.navbar-nav li:last-child {
  /*border: 1px solid #fff;*/
  margin-right: 1em;
  }


  #edit-keys {
  height: 38px;
  /* border: 1px solid rgb(255, 255, 255); */

  }
  #block-formulairederecherche .form-control {
  border-radius: 0;
  padding-left: 25%;
  /* background-color: transparent; */
  background-image: url('../images/icone_loupe.png');
  background-repeat: no-repeat;
  background-position: 5px 50%;

  /* position: relative; */
  }
  #block-formulairederecherche-2 .form-control {
    border-radius: 0;
    padding-left: 25%;
    /* background-color: transparent; */
    background-image: url('../images/icone_loupe.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;

    /* position: relative; */
  }

  #block-formulairederecherche .form-control::placeholder {
  font-style: italic;
  }
  #block-formulairederecherche-2 .form-control::placeholder {
    font-style: italic;
  }
  .navbar-header-mobile .search,
  .region-menu-mobile {
  display: none;
  }

  span.input-group-btn {
  display: none;
  }
  /* #search-block-form::after {
  content: '';
  width: 30px;
  height: 30px;
  background-color: red;
  } */


  #search-block-form .input-group {
  width: 100%;
  }
  button.button.js-form-submit.form-submit.btn-primary.btn.icon-only{
  display: none;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid rgb(204, 204, 204);
  position: absolute;
  top:0;
  left: 0;
  color: #000;
  border-radius: 0;

  }
  span.input-group-btn{
  /* display: none; */
  background-color: transparent
  }

  /* #search-block-form .input-group {
  display: block !important;
  } */

  /***************
  header
  ***************/
  .menu-main-nav{
  padding: 32px 47px 15px 0px;
  /* background-color: #f8f8f8; */
  }

  .menu-main-nav .navbar-nav >li a{
  color: #303030;
  font-family: "Neris-Black";
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  }
  .navbar-default{
  background-color: transparent;
  border: none;
  }
  .navbar {
  position: initial;
  min-height: 0px;
  margin-bottom: 0px;
  border: none;
  }
  .menu-main-nav .navbar-header{
  float: none;
  }
  .menu-main-nav .logo-nexter{
  display: block;
  padding-bottom: 10px;
  }

   .menu-main-nav .logo-nexter img {
    width: 270px;
    max-width: 100%;
   }

  .nav>li>a {
  padding: 8px 15px;
  }
  .menu-navigation .navbar-default .navbar-nav > li > a:hover{
  background-color: transparent;
  color: #b80202;
  }
  .menu-navigation .navbar-default .navbar-nav > .active > a,
  .menu-navigation .navbar-default .navbar-nav > li > .is-active{
  background-color: transparent;
  color: #b80202!important;
  }
  #block-languagedropdownswitcher .select-wrapper{
  width: 85px;
  padding-left: 25px;
  }
  #block-languagedropdownswitcher .select-wrapper option {
    color: #303030;
  }
  #block-languagedropdownswitcher select {
  text-transform: uppercase;
  color: #fff;
  font-family: "hind-medium";
  font-size: 16px;
  text-transform: uppercase;
  padding-right: 0px;
  border: none;
  background-color: transparent;
  }
  #block-languagedropdownswitcher .select-wrapper:after{
  color: #fff;
  }
  #block-languagedropdownswitcher.whitebg select,
  #block-languagedropdownswitcher.whitebg .select-wrapper:after,
  .sticky #block-languagedropdownswitcher select,
  .sticky #block-languagedropdownswitcher .select-wrapper:after {
  color: #303030;
  }
  #block-languagedropdownswitcher .form-control{
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  }
  /**************
  menu sticky
  ***************/
  .sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
  background-color: #f8f8f8;
  }
  /**************
  scroll
  **************/

  .scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 9%;
  display: none;
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 37px;
  z-index: 10;
  }

  .scrollup:hover {
  color: white;
  }

  /************
  footer
  **************/
  .menu-footer ul.menu {
  display: flexbox;           /* IE 10 */
  display: -webkit-flex;          /* Safari 6.1+. iOS 7.1+ */
  /*display: flex;*/
  -webkit-flex-flow: wrap column; /* Safari 6.1+ */
  flex-flow: wrap column;
  max-height: 170px;
  }
  .menu-footer ul li {

  width: 200px;
  }
  .menu-footer .last {
  /*display: none;*/
  }

  .menu-footer .navbar-nav >li .dropdown-menu:hover,
  .menu-footer .navbar-nav >li a:hover + .dropdown-menu {
  display: block;
  }
  .menu-footer .navbar-nav >li .dropdown-menu {
  background-color: #303030;
  }
  .menu-pied-page ul.menu {
  display: -webkit-inline-box;
  display: flex;
  }
  .contact-link .question a,
  .contact-link .img-facebook a,
  .contact-link .img-twitter a,
  .contact-link .img-instagram a,
  .contact-link .img-linkedin a{
  float: right;
  }
  .contact-link .question a{
  padding-top: 10px;
  }
  .container-footer{
  height: 386px;
  background-color: #303030;
  float: left;
  width: 100%;
  }

  .menu-pied-page .navigation{
  text-align: center;
  }
  .container-footer .footer-page{
  margin: auto;
  width: 80%;
  padding-top: 84px;
  float: none;
  clear: both;
  }
  .container-footer .footer-page .logo-footer img {
    max-width: 100%;
    width: 300px;
  }
  .container-footer .pied-page{
  margin: auto;
  width: 80%;
  float: none;
  clear: both;
  }
  .container-footer .menu-footer{
  padding: 7px 0; /*menu sur 2 colonnes */
  padding-bottom: 74px;
  }
  .container-footer .pied-page .copyright p{
  opacity: 0.5;
  color: #ffffff;
  font-family: "hind-light";
  font-size: 16px;
  font-weight: 300;
  }
  .container-footer .pied-page .menu-pied-page .menu li a{
  opacity: 0.5;
  color: #ffffff;
  font-family: "hind-light";
  font-size: 16px;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  }
  .container-footer .pied-page .menu-pied-page .menu li{
  border-right: 1px solid #757575;
  padding-left: 4px;
  padding-right: 4px;
  }
  .container-footer .pied-page .menu-pied-page .menu li:last-child {
  border-right: none;
  }
  .container-footer .pied-page .menu-pied-page{
  padding-left: 35px;
  }
  .footer-page .menu-footer .menu li a{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 15px;
  font-weight: 400;
  padding-top: 0px;
  padding-bottom: 22px;
  }.footer-page .contact-link .question{
  padding-left: 0px;
  }
  .footer-page .contact-link .question a{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  padding: 25px 50px 25px 50px;
  border: 1px solid #ffffff;
  width: 220px;
  float: left;
  }
  .footer-page .contact-link .question a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .footer-page .contact-link .reseau .texte{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  width: 120px;
  padding-top: 40px;
  }
  .footer-page .contact-link .reseau{
  clear: both;
  }

  .footer-page .contact-link .img-facebook,
  .footer-page .contact-link .img-twitter,
  .footer-page .contact-link .img-instagram,
  .footer-page .contact-link .img-linkedin{
  float: left;
  padding-right: 14px;
  }
  .footer-page .menu-footer .menu li a:hover,
  .footer-page .menu-footer .menu li > .is-active{
  background-color: transparent;
  color: #b80202;
  }
  .container-footer .pied-page .menu-pied-page .menu li a:hover,
  .container-footer .pied-page .menu-pied-page .menu li > .is-active{
  background-color: #303030;
  color: #fff;
  opacity: 1;
  }
  /****************
  user connect
  *****************/
  .user-login-form{
  padding:90px 13%;
  }

  /*******************
  home page
  *******************/

  /*bloc introduction && espace presse*/
  .bloc-intro-home{
  padding: 0px 0px 0px 0px;
  margin-bottom: 95px;
  }
  .bloc-accer-espace-presse{
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  }
  .container-bloc-intro{
  position: absolute;
  z-index: 3;
  left: 30px;
  text-align: center;
  bottom: 100px;
  }
  .image-bloc-intro{
  position: relative;
  }
  .titre-cta-espace-presse{
  position: absolute;
  z-index: 3;
  text-align: center;
  top: 260px;
  }
  .soustitre-bloc-intro{
  color: #303030;
  font-family: "hind-regular";
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0px;
  }
  .body-bloc-intro img{
  padding: 50px 0px 50px 0px;
  }
  .body-bloc-intro{
  color: #303030;
  font-family: "hind-bold";
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 70px;
  }

  /*nos produits titre*/

  #block-bloctitreproduitsaccueil{
  background-color: #303030;
  padding-top: 80px;
  padding-bottom: 80px;
  }
  .field--name-field-titre-produits-accueil .field--item:before{
  content : "";
  position: absolute;
  z-index: 3;
  left    : 0;
  width   : 60%;
  border-top:2px solid #ffffff;
  border-right:2px solid #ffffff;
  display: block;
  height: 5%;
  }
  .field--name-field-titre-produits-accueil .field--item{
  z-index: 2;
  text-align: left;
  padding-left: 350px;
  position: relative;
  }
  .field--name-field-titre-produits-accueil .field--item{
  color: #fefefe;
  font-family: "hind-light";
  font-size: 42px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
  }
  .field--name-field-titre-produits-accueil .field--item span {
  font-family: "hind-semibold";
  font-weight: 400;
  }

  /*nos produits*/
  .block-views-blockcarrousel-nos-produits-block-carrousel-nos-produits{
    margin-bottom: 100px!important;
  }
  .block-views-blocknos-produits-block-nos-produit .view-header h2,
  .block-views-blocknos-produits-block-nos-produit-en .view-header h2{
    position: relative;
    z-index: 2;
    color: #fefefe;
    font-family: "hind-regular";
    text-transform: uppercase;
    margin: 0;
    font-size: 42px;
  }
  .block-views-blocknos-produits-block-nos-produit .view-header h2 span,
  .block-views-blocknos-produits-block-nos-produit-en .view-header h2 span{
    font-family: "hind-bold";
    float: left;
    width: 100%;
  }
  .block-views-blocknos-produits-block-nos-produit .view-header,
  .block-views-blocknos-produits-block-nos-produit-en .view-header{
    padding: 0px 0% 60px 10%;
    width: 50%;
  }
  .bloc-nos-produit .nos-produit-image img{
    max-width: 100.10%;
  }
  .bloc-nos-produit{
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  }
  .bloc-nos-produit img{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  }
  .bloc-nos-produit .nos-produit-titre{
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  position: absolute;
  z-index: 10;
  padding-top: 55px;
  margin: 0px;
  }
  .bloc-nos-produit .nos-produit-titre a{
  color: #b80202;
  font-family: "hind-semibold";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  text-decoration: none;
  }
  .bloc-nos-produit .nos-produit-image{
  padding-right: 0px;
  padding-left: 0px;
  }
  .bloc-nos-produit:hover img{
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  cursor: pointer;
  }
  /*bloc slider produit*/
  .page-produit{
  position: relative;
  clear: both;
  }
  .view-carrousel-nos-produits .swiper-slide{
  background-color: #f8f8f8
  }
  .view-carrousel-nos-produits .view-header{
    width: 65%;
    padding-top: 40px;
    padding-bottom: 20px;
    border: 2px solid #303030;
    border-left: 0;
    border-bottom: 0;
  }
  .view-carrousel-nos-produits .view-header h1{
    font-family: "hind-bold";
    font-weight: 700;
    color: #303030;
    text-transform: uppercase;
    padding-left: 15%;
    font-size: 30px;
  }
  /*bloc savoir faire*/
  .bloc-savoir-faire-home{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 120px;
  background-repeat: no-repeat;
  position: relative;
  background-color: #303030;
  margin-top: 73px;
  }
  .icone-chiffre-cle img{
  max-width: 80px;
  }
  .bloc-right .field--item{
  padding: 5px;
  }

  .bloc-savoir-faire-home .titre-savoir-faire{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 30px;
  }
  .bloc-savoir-faire-home .sous-titre-savoir-faire{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 400;
  }
  .bloc-savoir-faire-home .bloc-left .titre-body-savoir-faire{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  }
  .bloc-savoir-faire-home .bloc-left .titre-body-savoir-faire span{
  font-family: "hind-semibold";
  }
  .bloc-savoir-faire-home .bloc-left .description-savoir-faire{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 80px;
  padding-left: 0px;
  }
  .bloc-savoir-faire-home .bloc-right .bloc-chiffres-cle .chiffre{
  color: #ffffff;
  font-family: "hind-light";
  font-weight: 300;
  font-size: 48px;
  text-transform: uppercase;
  line-height: 31.21px;
  }
  .bloc-savoir-faire-home .bloc-right .bloc-chiffres-cle .texte{
  color: #ffffff;
  font-family: "hind-light";
  font-weight: 300;
  font-size: 26px;
  }
  .bloc-savoir-faire-home .bloc-right .chiffres{
  padding-top: 190px;
  }
  .bloc-savoir-faire-home .bloc-right .chiffres:before{
  content : "";
  position: absolute;
  z-index: 2;
  right    : 0;
  width   : 110%;
  border-top:2px solid #ffffff;
  border-left:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  display: block;
  height: 80%;
  margin-right: -1em;
  }
  .bloc-savoir-faire-home .bloc-right .chiffres .container-chiffre-cle{
  padding-top : 40px;
  }
  .bloc-savoir-faire-home .bloc-left{
  position: relative;
  z-index: 3;
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #b80202;
  /*clip-path: polygon(0% -100%, 100% 50%, 0% 200%);*/
  }
  /*.bloc-savoir-faire-home .trait_dessus_savoir_faire hr{
  border-top: 3px solid #f8f8f8;
  }*/
  /*.bloc-savoir-faire-home .trait_dessus_savoir_faire{
  position: absolute;
  width: 50%;
  top: 140px;
  z-index: 1;
  }*/
  .bloc-savoir-faire-home .bloc-left .bloc-left-content{
  max-width: 50%;
  margin: 0 auto;
  }
  .bloc-savoir-faire-home .container-titre:before{
  content : "";
  position: absolute;
  left    : 0;
  width   : 80%;
  border-top:2px solid #ffffff;
  border-right:2px solid #ffffff;
  border-bottom:2px solid #ffffff;
  display: block;
  height: 100%;
  }
  .bloc-savoir-faire-home .container-titre{
  /*position: absolute;*/
  z-index: 1;
  text-align: left;
  padding-left: 350px;
  padding-top: 90px;
  padding-bottom: 60px;
  position: relative;
  }
  .bloc-savoir-faire-home .container-titre h2{
  padding-top: 60px;
  color: #fefefe;
  font-family: "hind-bold";
  font-size: 42px;
  font-weight: 400;
  line-height: 26px;
  text-transform: uppercase;
  }
  .bloc-savoir-faire-home .container-titre h3{
  color: #fefefe;
  font-family: "hind-light";
  font-size: 42px;
  font-weight: 300;
  line-height: 26px;
  text-transform: uppercase;
  }
  .bloc-savoir-faire-home .bloc-left .lien-savoir-faire{
  color: #f8f8f8;
  font-family: "hind-medium";
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  width: 275px;
  border: 1px solid #f8f8f8;
  padding: 21px 27px 21px 27px;
  cursor: pointer;
  }
  .bloc-savoir-faire-home .bloc-left .lien-savoir-faire a{
  color: #fefefe;
  font-family: "hind-regular";
  font-size: 26px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  cursor: pointer;
  }
  .bloc-savoir-faire-home .bloc-left .lien-savoir-faire a:hover{
  text-decoration: none;
  color: #fefefe;
  }
  /*bloc actus home page*/
  .actu-home-page,
  .actu-home-page-a-la-une{
  margin-bottom: 50px;
  position: relative
  }
  .actu-home-page .image,
  .actu-home-page-a-la-une .image{
  position: relative;
  }

  .actu-home-page-a-la-une .content-details-bloc{
  position: absolute;
  padding-left: 70px;
  bottom: 50px;
  z-index: 10;
  width: 70%;
  margin: auto;
  }
  .actu-home-page .date-titre{
  position: absolute;
  left: 30px;
  bottom: 20px;
  z-index: 10;
  }
  .container-bloc-actus-home-page{
  background-image: url(../images/polygone--actualit-s-.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-bottom: 150px;
  }
  .container-bloc-actus-home-page .actu-home-page-a-la-une .content-details-bloc .date{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 24px;
  text-transform: uppercase;
  }
  .container-bloc-actus-home-page .actu-home-page-a-la-une .content-details-bloc .titre{
  font-size: 26px;
  line-height: 24px;
  font-family: "hind-bold";
  text-transform: uppercase;
  font-weight: 700;
  color: #ffffff;
  margin-top: 0px;
  padding-top: 25px;
  }
  .container-bloc-actus-home-page .actu-home-page-a-la-une .content-details-bloc .sous-titre{
  font-size: 26px;
  line-height: 24px;
  font-family: "hind-light";
  text-transform: uppercase;
  font-weight: 300;
  color: #ffffff;
  margin-bottom: 0px;
  }
  .container-bloc-actus-home-page .actu-home-page-a-la-une .content-details-bloc .body{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  line-height: 23.61px;
  padding-top: 25px;
  }
  .container-bloc-actus-home-page .actu-home-page .date-titre .date{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 17px;
  font-weight: 300;
  line-height: 11.05px;
  text-transform: uppercase;
  }
  .container-bloc-actus-home-page .actu-home-page .date-titre .titre{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 20px;
  font-weight: 400;
  line-height: 12.8px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 12px;
  }
  .container-bloc-actus-home-page .actu-home-page .date-titre .sous-titre{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 20px;
  font-weight: 400;
  /*line-height: 12.8px;*/
  text-transform: uppercase;
  font-weight: 400
  }

  .container-bloc-actus-home-page .titre-container-bloc-actu{
  color: #303030;
  font-family: "hind-bold";
  font-size: 45px;
  font-weight: 700;
  line-height: 45.02px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0px;
  padding-bottom: 10px;
  }
  .container-bloc-actus-home-page .sous-titre-container-bloc-actu{
  color: #303030;
  font-family: "hind-regular";
  font-size: 45px;
  font-weight: 700;
  line-height: 45.02px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px;
  padding-top: 10px;
  }
  .container-bloc-actus-home-page .header-bloc-actu{
  max-width: 70%;
  margin: auto;
  text-align: right;
  margin-bottom: 70px;
  }
  .container-bloc-actus-home-page .footer-view-bloc-actu a{
  color: #ffffff;
  font-family: "hind-semibold";
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  width: 327px;
  height: 60px;
  background-color: #303030;
  padding-left: 54px;
  padding-right: 54px;
  padding-bottom: 25px;
  padding-top: 25px;
  }
  .container-bloc-actus-home-page .footer-view-bloc-actu a:hover{
  text-decoration: none;
  color:#b80202;
  }
  .container-bloc-actus-home-page .footer-view-bloc-actu{
  float: left;
  padding-left: 14%;
  }
  .container-bloc-actus-home-page .trait_dessus{
  width: 37%;
  float: right;
  margin-top: 80px;
  }
  .container-bloc-actus-home-page .trait_dessus hr{
  border-top: 3px solid #f8f8f8;
  }
  .container-bloc-actus-home-page{
  padding-right: 0px;
  }
  /*alignement bloc actualit� home page*/
  .actu-home-page-a-la-une{
  width: 70%;
  float: left;
  padding-left: 14%;
  }
  .actu-home-page{
  float: right;
  width: 15.3%;
  margin-right: 14%;
  }
  /*bloc accee espace presse*/
  .bloc-accer-espace-presse .titre-cta-espace-presse p{
  width: 21%;
  background-color: #ffffff;
  color: #282728;
  font-family: "hind-semibold";
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 32px 35px;
  margin: auto;
  }
  .bloc-accer-espace-presse .titre-cta-espace-presse a:hover,
  .bloc-accer-espace-presse .titre-cta-espace-presse p:hover{
  text-decoration: none;
  color: #b80202;
  }



  /*espace presse*/

  .conatainer-espace-presse{
  padding:20px 0px 20px 0px;
  border-bottom: 1px solid;
  }
  .img-espace-presse{
  padding: 0px;
  }
  .bloc-info-espace-presse .conatainer-description .info a{
  float: right;
  }
  .container-intro-espace-presse .primary-bloc h2{
  margin: 0px
  }
  .container-intro-espace-presse,
  .container-intro-espace-presse .primary-bloc{
  padding: 30px 0px 30px 0px;
  }
  .primary-bloc .telechargement{
  text-align: right;
  }


  /*******************
  Qui sommes-nous ?
  *******************/
  /* bloc introduction */

  .bloc-introduction-qsn{
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 95px;
  position: relative;
  height: 700px;
  }
  .bloc-introduction-qsn .image-bloc-qsn{
  padding-right: 0px;
  padding-left: 0px;
  }
  .bloc-introduction-qsn .texte-bloc-qsn{
  position: absolute;
  top: 220px;
  left: 0;
  width: 0;
  background-color: rgba(24, 24, 24, 0.8);
  width: 100%!important;
  float: left;
  display: block;
  padding: 50px 100px 75px 200px;
  }
  .bloc-introduction-qsn .intro-qsn{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  }
  .bloc-introduction-qsn h1 {
  font-size: 36px;
  line-height: 50px;
  color: #ffffff;
  font-family: "hind-regular";
  }
  .bloc-introduction-qsn h1 span {
  color: #d80001;
  font-size: 30px;
  }
  .bloc-introduction-qsn .texte-qsn{
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  }
  .bloc-introduction-qsn .image-bloc-qsn{
  position: relative;
  }
  .bloc-introduction-qsn .image-bloc-qsn img{
  width: 100%;
  }
  .menu-main-nav-sticky{
  position: absolute;
  z-index: 100;
  left: 0;
  background-color: transparent;
  right: 0;
  }
  .menu-navigation .navbar-qsn{
  color: #f8f8f8!important;
  }
  .bloc-introduction-qsn .image-bloc-qsn img{
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  }
  .paragraph_carte {
  float: left;
  width: 100%;
  height: auto;
  background-color: #303030;
  padding: 60px 0;
  position: relative;
  margin-bottom: 70px;
  }
  .paragraph_carte .map {
  float: left;
  width: 100%;
  height: auto;
  padding-top: calc( 892 / 1964 * 100%);
  background-image: url(../images/carte.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_carte .map .ville_fix {
  position: absolute;
  z-index: 1;
  text-transform: uppercase;
  color: #303030;
  font-size: 12px;
  }
  .paragraph_carte .map .ville_fix.bruxelles {
  left: 31.5%;
  top: 8.5%;
  }
  .paragraph_carte .map .ville_fix.rome {
  left: 49.4%;
  top: 67.9%;
  }
  .paragraph_carte .map .ville_fix.paris {
  left: 30.9%;
  top: 25.4%;
  }
  .paragraph_carte .map .ville_fix.rennes {
  left: 21.7%;
  top: 29.9%;
  }
  .paragraph_carte .map .ville_fix.tours {
  left: 25.1%;
  top: 33.2%;
  }
  .paragraph_carte .map .ville_fix.limoges {
  left: 25.8%;
  top: 43.3%;
  }
  .paragraph_carte .map .ville_fix.lyon {
  left: 35.3%;
  top: 46.8%;
  }
  .paragraph_carte .map .ville_fix.toulouse {
  left: 28.9%;
  top: 59.2%;
  }
  .paragraph_carte .map.france {
  background-image: url(../images/carte_france.png);
  }
  .paragraph_carte .map.belgique {
  background-image: url(../images/carte_belgique.png);
  }
  .paragraph_carte .map.italie {
  background-image: url(../images/carte_italie.png);
  }
  .paragraph_carte .map .pin {
  position: absolute;
  z-index: auto;
  background-image: url(../images/pin.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 21px;
  height: 32px;
  cursor: pointer;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_carte .map .pin.active,
  .paragraph_carte .map .pin:hover {
  background-image: url(../images/pinh.png);
  }
  .paragraph_carte .map .pin.pin_petit_roeulx_lez_nivelles {
  left: 33.1%;
  top: 10.5%;
  }
  .paragraph_carte .map .pin.pin_collefero {
  left: 51.4%;
  top: 68.9%;
  }
  .paragraph_carte .map .pin.pin_anagni {
  left: 51%;
  top: 68%;
  }
  .paragraph_carte .map .pin.pin_bourges {
  left: 29.4%;
  top: 34.8%;
  }
  .paragraph_carte .map .pin.pin_la_chapelle_saint_oursin {
  left: 28.4%;
  top: 35%;
  }
  .paragraph_carte .map .pin.pin_rennes {
  left: 20.4%;
  top: 26.9%;
  }
  .paragraph_carte .map .pin.pin_versailles {
  left: 29.2%;
  top: 23.4%;
  }
  .paragraph_carte .map .pin.pin_roanne {
  left: 40.9%;
  top: 43.4%;
  }
  .paragraph_carte .map .pin.pin_roanne {
  left: 33.1%;
  top: 40.9%;
  }
  .paragraph_carte .map .pin.pin_saint_chamond {
  left: 34.3%;
  top: 43%;
  }
  .paragraph_carte .map .pin.pin_saint_etienne {
  left: 33.5%;
  top: 44.9%;
  }
  .paragraph_carte .map .pin.pin_tarbes {
  left: 25%;
  top: 59%;
  }
  .paragraph_carte .map .pin.pin_toulouse {
  left: 27.85%;
  top: 56.7%;
  }
  .paragraph_carte .map .pin.pin_tulle {
  left: 27.8%;
  top: 46.3%;
  }
  .paragraph_carte .map .pin .ville {
  opacity: 0;
  width: 200px;
  left: -160px;
  position: absolute;
  top: 25px;
  text-align: right;
  font-family: "hind-semibold";
  color: #000;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  /*  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);*/
  font-size: 15px;
  }
  .paragraph_carte .map .pin:hover .ville {
  opacity: 1;
  z-index: 1
  }
  .paragraph_carte .map .country_container {
  position: absolute;
  z-index: 2;
  width: 150px;
  height: auto;
  cursor: pointer;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  text-align: center;
  }
  .paragraph_carte .map .country_container .country {
  font-size: 25px;
  color: #979797;
  font-family: "hind-semibold";
  text-transform: uppercase;
  padding-bottom: 15px;
  position: relative;
  }
  .paragraph_carte .map .country_container .employes {
  font-size: 16px;
  color: #fff;
  font-family: "hind-light";
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_carte .map .country_container.active .country {
  color: #fff;
  }
  .paragraph_carte .map .country_container .country::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: calc(50% - 25px);
  width: 50px;
  height: 3px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  }
  .paragraph_carte .map .country_container.active .employes,
  .paragraph_carte .map .country_container.active .country::after {
  opacity: 1;
  }
  .paragraph_carte .map .country_container.france {
  left: 12.5%;
  top: 45%;
  }
  .paragraph_carte .map .country_container.belgique {
  left: 38%;
  top: 8.5%;
  }
  .paragraph_carte .map .country_container.italie {
  left: 55%;
  top: 55%;
  }
  .paragraph_carte .infos_carte {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 45%;
  height: auto;
  }
  .paragraph_carte .infos_carte.active {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 90px 40px 40px 40px;
  }
  .paragraph_carte .infos_carte .info_carte {
  display: none;
  float: left;
  width: 100%;
  max-width: 450px;
  width: 100%;
  text-align: left;
  color: #fff;
  }
  .paragraph_carte .infos_carte .info_carte.active {
  display: block;
  }
  .paragraph_carte .infos_carte .info_carte .ville {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 30px;
  color: #ffffff;
  font-family: "hind-semibold";
  text-transform: uppercase;
  }
  .paragraph_carte .infos_carte .info_carte .employes {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 26px;
  color: #ffffff;
  font-family: "hind-light";
  }
  .paragraph_carte .infos_carte .info_carte .adresse {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 16px;
  color: #ffffff;
  font-family: "hind-light";
  }
  .paragraph_carte .infos_carte .info_carte .tel {
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px;
  font-size: 16px;
  color: #ffffff;
  font-family: "hind-light";
  }
  .paragraph_carte .infos_carte .info_carte .description {
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
  color: #ffffff;
  font-family: "hind-light";
  }
  .paragraph_carte.mobile {
  display: none;
  }
  /******************
  bloc storytelling
  ******************/
  .bloc-storytelling{
  padding-top: 50px;
  padding-left: 0px;
  padding-right: 0px;
  }
  .bloc-storytelling-row{
  position: relative;
  }
  .bloc-storytelling .texte-bloc-storytelling{
  background-color: #282728;
  padding: 60px 120px;
  }
  .bloc-storytelling .titre-storytelling{
  font-family: "hind-semibold";
  font-size: 28px;
  font-weight: 400;
  padding-bottom: 35px;
  }
  .bloc-storytelling .titre-storytelling a{
  color: #ffffff;
  }
  .bloc-storytelling .titre-storytelling a:hover{
  text-decoration: none;
  }
  .bloc-storytelling .body-storytelling{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  font-weight: 300;
  }
  .bloc-storytelling .image-bloc-storytelling{
  padding-left: 0px;
  padding-right: 0px;
  }
  .bloc-storytelling .img-right img{
  float: right;
  }
  .bloc-storytelling .left-bloc-storytelling{
  left: 10%;
  z-index: 10;
  margin-top: 30px;
  }
  .bloc-storytelling .right-bloc-storytelling{
  right: 10%;
  z-index: 10;
  margin-top: 30px;
  }
  .bloc-storytelling .container-texte-bloc-storytelling{
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position-y: 86%;
  background-size: 85% 20%;
  }
  .bloc-storytelling .image-bloc-storytelling img{
  filter: grayscale(0.5);
  -webkit-filter: grayscale(0.5);
  -moz-filter: grayscale(0.5);
  -o-filter: grayscale(0.5);
  -ms-filter: grayscale(0.5);
  }
  .scroll-storytelling{
  overflow-y: auto;
  }
  .texte-bloc-storytelling::-webkit-scrollbar {
  width: 6px;
  }

  .texte-bloc-storytelling::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }

  .texte-bloc-storytelling::-webkit-scrollbar-thumb {
  background-color:  #b80202;
  outline: 1px solid  #b80202;
  }
  /*les trait storytelling*/
  #block-views-block-vue-storytelling-block-storytelling{
  clear: both;
  position: relative;
  }
  #block-views-block-vue-storytelling-block-storytelling:before{
  content : "";
  position: absolute;
  left    : 0;
  width   : 50%;
  border-top:2px solid #b80202;
  border-right:2px solid #b80202;
  display: block;
  height: 100%;
  }
  #block-views-block-vue-storytelling-block-storytelling:after{
  display:block;
  clear:both;
  content : "";
  position: relative;
  left    : 49.98%;
  bottom  : 0;
  width   : 50%;
  border-bottom: 2px solid #b80202;
  padding-bottom: 50px;
  }
  /*/*****************
  Nos chiffres cl�s
  /******************/
  .paragraph_nexter_en_chiffres .contenu_chiffres{
  background-color: #b80202;
  padding: 100px 15%;
  position: relative;
  }
  .paragraph_nexter_en_chiffres .contenu_chiffres .field--name-field-chiffres {
  text-align: center;
  float: left;
  width: 100%;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  }
  .paragraph_nexter_en_chiffres .contenu_chiffres .field--name-field-chiffres > .field--item {
  margin: auto;
  display: inline-block;
  float: none;
  width: 33%;
  }
  .paragraph_nexter_en_chiffres .paragraph_chiffre {
  float: left;
  width: 100%;
  padding: 20px 5%;
  }
  .paragraph_nexter_en_chiffres img {
  width: 100%;
  }
  .paragraph_nexter_en_chiffres .chiffre {
  color: #ffffff;
  font-family: "hind-light";
  font-weight: 300;
  font-size: 48px;
  text-transform: uppercase;
  margin: 0;
  width: 100%;
  text-align: left;
  }
  .paragraph_nexter_en_chiffres .texte_chiffre {
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  width: 100%;
  text-align: left;
  }
  .paragraph_nexter_en_chiffres .titre,
  .container-bloc-chiffres-cle .header-chiffres-cle{
  color: #303030;
  font-family: "hind-bold";
  font-size: 40px;
  text-transform: uppercase;
  padding-left: 19%;
  padding-right: 40px;
  padding-bottom: 60px;
  padding-top: 50px;
  width: 50%;
  float: left;
  clear: both;
  }
  .paragraph_nexter_en_chiffres .contenu_chiffres {
  float: left;
  width: 100%;
  height: auto;
  }
  .bloc-nos-chiffres-cles-4{
  left: 17%;
  }
  .bloc-nos-chiffres-cles-5{
  left: 25%;
  }
  .nos-chiffres-cles-row {
  padding-bottom: 50px;
  }
  .paragraph_nexter_en_chiffres,
  #block-views-block-nos-chiffres-cles-block-nos-chiffres-cles{
  margin-top: 130px;
  margin-bottom: 130px;
  }
  /*trait bloc nos chiffres*/
  .paragraph_nexter_en_chiffres,
  #block-views-block-nos-chiffres-cles-block-nos-chiffres-cles,
  #block-views-block-histoire-groupe-nexter-block-historique-nexter{
  clear: both;
  position: relative;
  }

  .paragraph_nexter_en_chiffres::before,
  #block-views-block-nos-chiffres-cles-block-nos-chiffres-cles::before {
  content : "";
  position: absolute;
  left    : 0;
  width   : 50%;
  border-top:2px solid #303030;
  border-right:2px solid #303030;
  display: block;
  height: 50%;
  }
  .field--name-field-historique::before,
  #block-views-block-histoire-groupe-nexter-block-historique-nexter:before{
  content : "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 50%;
  border-right: 2px solid #303030;
  display: block;
  height: calc(100% - 50px);
  }
  .field--name-field-historique::after {
  content : "";
  position: absolute;
  z-index: 1;
  left: calc(50% - 11px);
  bottom: 50px;
  width: 20px;
  border-bottom: 2px solid #303030;
  display: block;
  height: 1px;
  }
  .histoire-groupe .date::after{
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(50% - 1px);
  width: 25%;
  border-bottom: 2px solid #303030;
  left: 100%;
  }

  .field--name-field-historique .field--item:nth-child(even) .date:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: calc(50% - 1px);
  left: -30%;
  width: 25%;
  border-bottom: 2px solid #303030;
  }
  /******************
  friz histoire qui sommes nous
  /******************/
  #block-views-block-histoire-groupe-nexter-block-historique-nexter{
  margin-bottom: 140px;
  }
  #block-views-block-histoire-groupe-nexter-block-historique-nexter .view-header{
  width: 50%;
  }
  .block-views-blockhistoire-groupe-nexter-block-historique-nexter .scroll_downup{
  width: 95%;
  text-align: right;
  }
  .histoire-groupe,
  .histoire-groupe-left{
  padding-left: 0px;
  padding-right: 0px;
  }
  .field--name-field-historique .field--item:nth-child(even) .histoire-groupe,
  .histoire-groupe-left{
  margin-top: -17%;
  }
  .histoire-groupe .date,
  .histoire-groupe-left .date{
  padding-right: 0px;
  padding-left: 0px;
  left: 50px;
  }
  .histoire-groupe .date .container,
  .histoire-groupe-left .date .container{
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
  }
  .histoire-groupe .date .cercle,
  .histoire-groupe-left .date .cercle{
  position: absolute;
  z-index: 3;
  top: calc(50% - 50px);
  right: 0;
  width: 100px;
  height: 100px;
  border: 0;
  border-radius: 100%;
  text-align: center;
  float: right;
  padding-top: 33px;
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 30px;
  font-weight: 700;
  background-color: #303030;
  margin: 0;
  }

  .field--name-field-historique .field--item:nth-child(even) .date .cercle {
  left: -100px;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire,
  .histoire-groupe-left .bloc-histoire{
  right: 53%;
  padding-right: 10%;
  position: relative;
  z-index: 2;
  }
  .histoire-groupe .bloc-histoire{
  padding-left: 12%;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire .titre,
  .histoire-groupe-left .bloc-histoire .titre{
  text-align: right;
  color: #303030;
  font-family: "hind-semibold";
  font-size: 30px;
  text-transform: uppercase;
  border-right:6px solid #b80202;
  padding-right: 25px;
  padding-bottom: 25px;
  border-left: 0;
  margin-bottom: 0;
  }
  .histoire-groupe .bloc-histoire .titre{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 30px;
  text-transform: uppercase;
  border-left:6px solid #b80202;
  padding-left: 25px;
  padding-bottom: 25px;
  margin-bottom: 0;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire .body,
  .histoire-groupe-left .bloc-histoire .body{
  text-align: right;
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  /*	padding-bottom: 25px;*/
  border-right:6px solid #b80202;
  padding-right: 25px;
  max-height: 420px;
  /* overflow-y: auto; */
  background-color: #f8f8f8;
  border-left: 0;
  }
  .histoire-groupe .bloc-histoire .body{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  padding-bottom: 25px;
  border-left:6px solid #b80202;
  padding-left: 25px;
  max-height: 420px;
  overflow-y: auto;
  background-color: #f8f8f8;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire img,
  .histoire-groupe-left .bloc-histoire .image img{
  float: right;
  border-left: 0;
  }
  .histoire-groupe .bloc-histoire .image{
  border-left:6px solid #b80202;
  padding-left: 25px;
  background-color: #f8f8f8;
  padding-top: 15px;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire .image,
  .histoire-groupe-left .bloc-histoire .image{
  border-right:6px solid #b80202;
  padding-right: 25px;
  background-color: #f8f8f8;
  border-left: 0;
  }
  .histoire-groupe-nexter .title_histoire,
  .view-histoire-groupe-nexter .view-header h1{
  color: #f8f8f8;
  font-family: "hind-bold";
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #303030;
  width: auto;
  padding-left:84px;
  padding-bottom: 40px;
  padding-top: 40px;
  padding-right: 100px;
  margin-left: 25%;
  margin-bottom: 0;
  }
  .field--name-field-historique .histoire-groupe {
  display: flex;
  flex-direction: row;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  }
  .field--name-field-historique .field--item {
  position: relative;
  }
  .field--name-field-historique .field--item:nth-child(odd) .date {
  order: 1;
  display: inline-block;
  }
  .field--name-field-historique .field--item:nth-child(odd) .bloc-histoire {
  order: 2;
  display: inline-block;
  padding-right: 15px;
  z-index: 3;
  }
  .field--name-field-historique .field--item:nth-child(even) .date {
  order: 2;
  display: inline-block;
  }
  .field--name-field-historique .field--item:nth-child(even) .bloc-histoire {
  order: 1;
  display: inline-block;
  right: 0;
  padding-right: 10%;
  padding-left: 15px;
  z-index: 3;
  }

  .field--name-field-historique,
  .view-histoire-groupe-nexter .view-content{
  position: relative;
  padding-left: 7%;
  padding-right: 7%;
  display: block;
  float: left;
  width: 100%;
  padding-bottom: 50px;
  }
  .view-histoire-groupe-nexter .pager li > a{
  background-image: url(../images/scroller.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  border: 1px solid #303030;
  border-radius: 50%;
  padding: 30px;
  }
  .view-histoire-groupe-nexter .pager{
  position: relative;
  background-color: #f8f8f8;
  }

  .histoire-groupe-left .bloc-histoire .body::-webkit-scrollbar,
  .histoire-groupe .bloc-histoire .body::-webkit-scrollbar {
  width: 6px;
  }

  .histoire-groupe-left .bloc-histoire .body::-webkit-scrollbar-track,
  .histoire-groupe .bloc-histoire .body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }

  .histoire-groupe-left .bloc-histoire .body::-webkit-scrollbar-thumb,
  .histoire-groupe .bloc-histoire .body::-webkit-scrollbar-thumb {
  background-color:  #303030;
  outline: 1px solid  #303030;
  }
  /* bloc info-gouv*/
  .info-gouv {
    padding-top: 100px!important;
  }
  .info-gouv .info{
    margin-top: 25px;
    margin-bottom: 130px;
    padding-bottom: 90px;
    position: relative;
    padding: 0 10%;
  }
  .info-gouv .gouv{
    margin-top: 25px;
    margin-bottom: 130px;
    padding-bottom: 90px;
    position: relative;
    padding: 0 12%;
  }
  .info-gouv .gouv .titre h2{
    font-family: "hind-bold";
    font-size: 40px;
    color: #303030;
    text-transform: uppercase;
    padding-left: 6%;
    padding-bottom: 50px;
    padding-top: 30px;
  }
  .info-gouv .gouv .lien{
    font-family: "hind-light";
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    margin-top: 50px;
  }
  .info-gouv .gouv .lien a{
    color: #303030;
    font-family: "hind-light";
    border:2px solid #e6e6e6;
    width: max-content;
    margin: auto;
    text-decoration: none;
    padding: 10px 20px;
  }
  .paragraph_bloc_organisation .container-body{
    background-color: #303030;
    color: #fff;
    margin-bottom: 90px!important;
  }
  .paragraph_bloc_organisation .container-body .body-droite,
  .paragraph_bloc_organisation .container-body .body-gauche{
      padding: 30px 60px!important;
      font-size: 18px;
      font-family: "hind-regular";
  }
  .paragraph_bloc_organisation .container-body::after{
     display: block;
    content: "";
    position: absolute;
    width: 80%;
    right: 10%;
    bottom: -20px;
    background-color: #b80202;
    height: 20px;
    z-index: 0;
  }
  .info-gouv .gouv::before{
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0px;
    width: 50%;
    border-top: 1px solid #b80202;
    border-right: 1px solid #b80202;
    display: block;
    height: 85%;
  }
  /*/*****************
  page ils parlent de nous
  /******************/
  .container-article-il-parle-nous .image img{
  width: 100%
  }

  .container-article-il-parle-nous .date-lien .date{
  display: block;
  float: left;
  }
  .container-article-il-parle-nous .date-lien .lien{
  display: block;
  float: left;
  }
  .container-article-il-parle-nous{
  padding-bottom: 30px;
  min-height: 200px;
  }
  .container-article-il-parle-nous .container-bloc-right{
  padding: 38px 10px 27px 27px;
  }
  .container-article-il-parle-nous .content{
  background-color: #f8f8f8;
  padding: 0px;
  }
  #block-views-block-article-ils-parlent-de-nous{
  padding-left: 13%;
  padding-right: 13%;
  background-color: #303030;
  position: relative;
  padding-bottom: 90px;
  }
  #block-views-block-article-ils-parlent-de-nous .container-bloc-article-il-parle-de-nous{
  margin-top: 60px;
  }
  #block-views-block-article-ils-parlent-de-nous .container-bloc-article-il-parle-de-nous:before{
  content: "";
  position: absolute;
  left: 0;
  width: 60%;
  border-top: 2px solid #f8f8f8;
  border-right: 2px solid #f8f8f8;
  border-bottom: 2px solid #f8f8f8;
  display: block;
  height: 89.5%;
  }
  .container-bloc-article-il-parle-de-nous .header-bloc-article-il-parle-de-nous{
  color: #f8f8f8;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 60px;
  padding-left: 14px;
  }
  .container-bloc-article-il-parle-de-nous .container-article-il-parle-nous{
  padding-top: 60px;
  padding-right: 50px;
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 80% 20%;
  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .title{
  color: #303030;
  font-family: "hind-bold";
  font-size: 24px;
  font-weight: 700;
  line-height: 28.31px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin: 0px;
  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .body{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  padding-bottom:35px;
  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .body p{
  margin: 0px;
  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .date{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;

  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .lien a{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  width: 187px;
  border: 1px solid #303030;
  padding: 15px 33px;
  }
  .container-bloc-article-il-parle-de-nous .container-bloc-right .lien a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .container-bloc-article-il-parle-de-nous .image{
  padding-left: 0px;
  padding-right: 0px;
  }
  .container-bloc-article-il-parle-de-nous .footer-view-bloc-article-il-parle-de-nous a{
  color: #f8f8f8;
  font-family: "hind-medium";
  font-size: 22px;
  font-weight: 500;
  width: 349px;
  border: 1px solid #f8f8f8;
  padding: 17px 80px;
  }
  .container-bloc-article-il-parle-de-nous .footer-view-bloc-article-il-parle-de-nous a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .container-bloc-article-il-parle-de-nous .footer-view-bloc-article-il-parle-de-nous{
  clear: both;
  text-align: right;
  padding-top: 60px;
  padding-right: 50px;
  }

  /*****************
  nos dernier actus
  ******************/
  #block-views-block-nos-dernieres-actualites .container-bloc-nos-dernier-actus{
  padding-top: 0px;
  padding-bottom: 60px;
  position: relative;
  }
  #block-views-block-nos-dernieres-actualites .container-bloc-nos-dernier-actus:before{
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  /* height: 90%; */
  height: 94%;
  }
  #block-views-block-nos-dernieres-actualites .container-bloc-nos-dernier-actus:after{
  display: block;
  clear: both;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6%;
  width: 50%;
  border-bottom: 2px solid #303030;
  padding-bottom: 50px;
  }
  .view-nos-dernieres-actualites{
  padding-top: 0px;
  padding-bottom: 90px;
  position: relative;
  }
  .view-nos-dernieres-actualites .row-actualites{
  padding-left: 13%;
  padding-right: 13%;
  background-image: url(../images/fond_red_actus.png);
  background-repeat: no-repeat;
  }
  .view-nos-dernieres-actualites:before{
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 94%;
  }
  .container-bloc-nos-dernier-actus .header-bloc-nos-dernier-actu{
  color: #303030;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 20px;
  padding-left: 13%;
  }
  .header-bloc-nos-dernier-actu-navigation{
  padding-bottom: 60px;
  padding-right: 4%;
  position: relative;
  }
  .header-bloc-nos-dernier-actu-navigation:after{
  display: block;
  clear: both;
  content: "";
  position: absolute;
  left: 74%;
  bottom: 23px;
  width: 26%;
  border-bottom: 2px solid #303030;
  }
  .header-bloc-nos-dernier-actu-navigation .navigation{
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  }
  .header-bloc-nos-dernier-actu-navigation .nav-actu{
  padding-right: 20px;
  }
  .header-bloc-nos-dernier-actu-navigation .navigation .nav-actu a{
  color: #f8f8f8;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #303030;
  padding: 12px 60px;
  }
  .header-bloc-nos-dernier-actu-navigation .navigation .nav-actu a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .header-bloc-nos-dernier-actu-navigation .navigation .nav-parle-de-nous a{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border:1px solid #303030;
  padding: 11px 15px;
  }
  .header-bloc-nos-dernier-actu-navigation .navigation .nav-parle-de-nous a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .container-nos-derniers-actus{
  max-width: 460px;
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
  }
  .container-nos-derniers-actus .description .date{
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  line-height: 28.34px;
  font-family: "hind-regular";
  padding-bottom: 15px;
  }
  .container-nos-derniers-actus .description .titre{
  font-weight: 700;
  line-height: 30px;
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 15px;
  }
  .container-nos-derniers-actus .description .le-groupe{
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  font-style: italic;
  line-height: 27px;
  text-decoration: underline;
  font-family: "hind-light";
  padding-bottom: 30px;
  }
  .container-nos-derniers-actus .description .body{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 14px;
  font-weight: 300;
  /*padding-bottom: 40px;*/
  }
  .container-nos-derniers-actus .description .lien{

  }
  .container-nos-derniers-actus .lien{
  background-color: #303030;
  padding-bottom: 30px;
  padding-left: 45px;
  margin-top: -1px;
  }
  .container-nos-derniers-actus .lien a{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 16px;
  font-weight: 400;
  width: 187px;
  border: 1px solid #ffffff;
  padding: 15px 54px;
  }
  .container-nos-derniers-actus .lien.en a{
    font-size: 0px;
    position: absolute;
    width: 200px;
    height: 54px;
  }
  .container-nos-derniers-actus .lien.en p{
    color: #ffffff;
    font-family: "hind-light";
    font-size: 16px;
    font-weight: 400;
    width: 200px;
    border: 1px solid #ffffff;
    padding: 15px 54px;
  }
  .container-nos-derniers-actus .lien.en.type p{
    color: #303030;
  }
  .container-nos-derniers-actus .lien.en:hover p{
    text-decoration: none;
    color: #b80202;
  }
  .container-nos-derniers-actus .lien a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .container-nos-derniers-actus .description{
  background-color: #303030;
  /*min-height: 460px;*/
  padding-left: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
  }
  .container-nos-derniers-actus .image{
  padding-left: 0px;
  padding-right: 0px;
  position:relative;
  overflow: hidden;
  }
  .container-nos-derniers-actus .image img{
  max-width: 100%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .container-nos-derniers-actus .image:hover img{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  }

  .footer-view-bloc-nos-dernier-actu{
  clear: both;
  padding-top: 90px;
  margin-left: 20px;
  padding-left: 13%;
  position: relative;
  padding-bottom: 80px;
  }
  .footer-view-bloc-nos-dernier-actu a{
  clear: both;
  color: #303030;
  font-family: "hind-medium";
  font-size: 22px;
  font-weight: 500;
  width: 349px;
  border: 1px solid #303030;
  padding: 20px 55px;
  }
  .footer-view-bloc-nos-dernier-actu a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .view-nos-dernieres-actualites .scroll_downup{
  text-align: right;
  }
  .container-bloc-nos-dernier-actus .content-bloc-nos-dernier-actu .row-actualites-page{
  padding-left: 13%;
  padding-right: 13%;
  background-image: url(../images/fond_red_actus.png);
  background-repeat: no-repeat;
  }



  /****************
  page g�n�ral actualit�
  ****************/
  .view-nos-dernieres-actualites .view-header p{
  color: #303030;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 60px;
  }
  .view-nos-dernieres-actualites .view-header{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 13%;
  margin-left: 20px;
  }
  .view-nos-dernieres-actualites .pager li > a,
  .container-page-nos-dernier-actus .pager li > a{
  background-image: url(../images/scroller.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  border: 1px solid #303030;
  border-radius: 50%;
  padding: 30px;
  }
  .container-page-nos-dernier-actus .pager{
  position: relative;
  background-color: #f8f8f8;
  margin: 0px;
  margin-top: 20px;
  }
  .view-nos-dernieres-actualites .pager{
  position: relative;
  background-color: #f8f8f8;
  margin: 0px;
  margin-top: 60px;
  }

  /**************************************
  page g�n�ral articles ils parlent de nous
  ****************************************/
  .view-article-ils-parlent-de-nous{
  margin-top: 0px;
  margin-bottom: 90px;
  position: relative;
  }
  .view-article-ils-parlent-de-nous .titre-header{
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
/*  margin-left: 15px;*/
  padding-top: 60px;
/*  padding-left: 35px;*/
  }
  .view-article-ils-parlent-de-nous .view-header{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  margin-left: 15px;
  padding-left: 35px;
  }
  .container-page-nos-dernier-actus{
  /*margin-bottom: 90px;*/
  }
  .container-page-nos-dernier-actus .content,
  .container-page-nos-dernier-actus .image {
  padding-left: 0px;
  padding-right: 0px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .title{
  color: #f8f8f8;
  font-family: "hind-bold";
  font-size: 24px;
  font-weight: 700;
  line-height: 28.31px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin: 0px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .body{
  color: #f8f8f8;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  padding-bottom:35px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .nom-media{
  color: #f8f8f8;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .body p{
  margin: 0px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .date{
  color: #f8f8f8;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;

  }
  .container-page-nos-dernier-actus .container-bloc-right .lien a{
  color: #f8f8f8;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  width: 187px;
  border: 1px solid #f8f8f8;
  padding: 15px 33px;
  }
  .container-page-nos-dernier-actus .container-bloc-right .lien a:hover{
  text-decoration: none;
  color: #b80202;
  }
  .container-page-nos-dernier-actus .container-article-il-parle-nous{
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 30px;
  padding-top: 70px;
  min-height: 200px;
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 80% 20%;
  }
  .container-page-nos-dernier-actus .container-article-il-parle-nous .content{
  background-color: #303030;
  min-height: 365px;
  }
  .container-page-nos-dernier-actus{
  /*padding-left: 13%;
  padding-right: 11%;*/
  }
  .view-article-ils-parlent-de-nous .scroll_downup{
  text-align: right;
  }
  .container-page-nos-dernier-actus:before{
  content : "";
  position: absolute;
  left    : 0;
  width   : 50%;
  border-top:2px solid #303030;
  border-right:2px solid #303030;
  display: block;
  height: 100%;
  }
  .view-id-article_ils_parlent_de_nous{
  padding-left: 10%;
  padding-right: 10%;
  }

  /**********************
  Page espace presse type
  ***********************/

  .whitebg #navbar .last a { border: 1px solid #303030; }

  .content-page-espace-presse .texte-date,
  .content-page-espace-presse .texte-localistation{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  }
  .container-principal-espace-presse{
  /* padding-top: 45px; */
  clear: both;
  }
  .content-page-espace-presse .texte-date{
  float: left;
  padding-right: 15px;
  }
  .content-page-espace-presse .titre-page-presse{
  color: #303030;
  font-size: 48px;
  font-family: "hind-semibold";
  font-weight: 400;
  text-transform: uppercase;
  margin: 0px;
  padding-top: 30px;
  padding-bottom: 20px;
  }
  .content-page-espace-presse .sous-titre-page-presse{
  color: #303030;
  font-family: "hind-regular";
  font-size: 48px;
  font-weight: 300;
  margin: 0px;
  }
  .container-intro-espace-presse .bloc-intro-espace-presse .telechargement-page-presse,
  .content-page-espace-presse .telechargement-page-presse{
  padding-top: 70px;
  float: left;
  }
  .container-intro-espace-presse .bloc-intro-espace-presse a.lien,
  .content-page-espace-presse .telechargement-page-presse a{
  color: #ffffff;
  font-family: "Hind-Semibold";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 21px 28px;
  width: 398px;
  background-color: #b80202;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;

  }
  .container-intro-espace-presse .bloc-intro-espace-presse a.lien:hover,
  .content-page-espace-presse .telechargement-page-presse a:hover{
  color:#303030;
  text-decoration: none;
  }
  .content-page-espace-presse .bloc-intro-page-presse{
  padding-left: 21%;
  padding-top: 178px;
  padding-bottom: 140px;
  }
  .content-page-espace-presse .img-back-header{
  background-image: url(../images/objet-dynamique-vectoriel.png);
  background-repeat: no-repeat;
  min-height: 333px;
  background-size:100%;
  }
  .container-vue-ensemble .titre-bloc{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 40px;
  }
  .container-vue-ensemble .description{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  }
  .container-vue-ensemble .image{
  padding-right: 0px;
  padding-left: 0px;
  }
  .container-left-bloc{
  padding-left: 16%;
  }
  .accrediation-point-presse .titre-bloc{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 100px;
  padding-bottom: 50px;
  }
  .accrediation-point-presse .container{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
  }
  .container-right-bloc .moments-fort .titre-bloc{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 40px;
  padding-left: 0.8em;

  }
  .container-right-bloc .moments-fort .container-moments-forts .date{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  }
  .container-right-bloc .moments-fort .container-moments-forts .titre{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 18px;
  font-weight: 600;
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0px;
  }
  .container-right-bloc .moments-fort .container-moments-forts .description{
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  }
  .container-right-bloc .moments-fort .container-moments-forts{
  border-left: 13px solid #b80202;
  padding-left: 15px;
  }
  .container-right-bloc .moments-fort .container-moments-forts{
  margin-bottom: 35px;
  }
  .container-presse-social .titre-bloc{
  color: #303030;
  font-family: "hind-semibold";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 60px;
  padding-left: 0.8em;
  }
  .container-presse-social .titre-date{
  padding-right: 0px;
  padding-left: 0px;
  }
  .container-presse-social .titre-date .date{
  float: left;
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding-left: 2em;
  margin-left: -2em;
  background-image: url(../images/filet-com-2.png);
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-position-x: right;
  min-height: 32px;
  }
  .container-presse-social .titre-date .lien a{
  float: right;
  color: #303030;
  font-family: "hind-light";
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  margin-top: 10px;
  padding-right: 22px;
  background-image: url(../images/telecharger.png);
  background-repeat: no-repeat;
  background-position: right center;
  }
  .container-presse-social .titre-date .lien a:hover{
  color: #b80202;
  }
  .container-presse-social .titre{
  color: #303030;
  font-family: "hind-bold";
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 18px;
  padding-top: 20px;
  clear: both;
  }
  .container-presse-social .description{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  }
  .container-field-com-presse{
  padding-bottom: 65px;
  }
  .accrediation-point-presse .formulaire{
  clear: both;
  padding-top: 40px;
  }
  .accrediation-point-presse .formulaire .formulaire1 button{
  width: 320px;
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #303030;
  padding: 24px 41px;
  border: none;
  margin-right: 20px;
  }
  .accrediation-point-presse .formulaire .formulaire1 button:hover{
  text-decoration: none;
  color: #b80202;
  }
  .accrediation-point-presse .formulaire .formulaire2 button{
  width: 320px;
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid #303030;
  padding: 23px 41px;
  background-color: transparent;
  }
  .accrediation-point-presse .formulaire .formulaire2 button:hover{
  text-decoration: none;
  color: #b80202;
  }
  .accrediation-point-presse .popup-contact1{
  float: left;
  padding-right: 10px;
  }
  .path-espace-presse .link-scroll,
  .content-page-espace-presse .link-scroll,
  .page-espace-presse .link-scroll,
  .page-enespace-presse .link-scroll,
  .page-enpress-room .link-scroll{
  position: absolute;
  bottom: 15%;
  left: calc(50% - 31px);
  }
  .path-espace-presse .link-scroll a,
  .page-espace-presse .link-scroll a,
  .page-enespace-presse .link-scroll a,
  .page-enpress-room .link-scroll a,
  .content-page-espace-presse .link-scroll a{
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 20px 10px;
  }
  .path-espace-presse #contenu-presse,
  .page-enespace-presse #contenu-presse,
  .page-enpress-room #contenu-presse,
  .page-espace-presse #contenu-presse {
  background-color: #f8f8f8;
  position: relative;
  margin-bottom: 50px;
  }
  .path-espace-presse #contenu-presse::before,
  .page-espace-presse #contenu-presse::before,
  .page-enespace-presse #contenu-presse::before,
  .page-enpress-room #contenu-presse::before{
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  border-top: 1px solid #303030;
  border-right: 1px solid #303030;
  }
  .path-espace-presse .title-espace-presse .title,
  .page-espace-presse .title-espace-presse .title,
  .page-enespace-presse .title-espace-presse .title,
  .page-enpress-room .title-espace-presse .title {
  padding-top: 50px;
  }
  .path-espace-presse .views-exposed-form,
  .page-espace-presse .views-exposed-form,
  .page-enespace-presse .views-exposed-form,
  .page-enpress-room .views-exposed-form{
  float: right;
  width: 80%;
  border-bottom: 1px solid #2f2f2f;
  }
  .path-espace-presse .views-exposed-form legend,
  .page-enespace-presse .views-exposed-form legend,
  .page-enpress-room .views-exposed-form legend,
  .page-espace-presse .views-exposed-form legend {
  display: none;
  }
  .path-espace-presse .views-exposed-form .fieldset-wrapper .form-item,
  .page-enespace-presse .views-exposed-form .fieldset-wrapper .form-item,
  .page-enpress-room .views-exposed-form .fieldset-wrapper .form-item,
  .page-espace-presse .views-exposed-form .fieldset-wrapper .form-item {
  margin-right: 10px;
  }
  .path-espace-presse .views-exposed-form .fieldset-wrapper .form-item:first-child,
  .page-espace-presse .views-exposed-form .fieldset-wrapper .form-item:first-child,
  .page-enespace-presse .views-exposed-form .fieldset-wrapper .form-item:first-child,
  .page-enpress-room .views-exposed-form .fieldset-wrapper .form-item:first-child{
  display: none;
  }
  .path-espace-presse .views-exposed-form .fieldset-wrapper .form-item .form-radio,
  .page-enespace-presse .views-exposed-form .fieldset-wrapper .form-item .form-radio,
  .page-enpress-room .views-exposed-form .fieldset-wrapper .form-item .form-radio,
  .page-espace-presse .views-exposed-form .fieldset-wrapper .form-item .form-radio {
  display: none;
  }
  .path-espace-presse .views-exposed-form .fieldset-wrapper .form-item > label,
  .page-espace-presse .views-exposed-form .fieldset-wrapper .form-item > label,
  .page-enespace-presse .views-exposed-form .fieldset-wrapper .form-item > label,
  .page-enpress-room .views-exposed-form .fieldset-wrapper .form-item > label {
  font-size: 18px;
  color: #303030;
  border: 1px solid #2f2f2f;
  border-bottom: none;
  padding: 0 50px;
  line-height: 44px;
  }

  .path-espace-presse h2,
  .page-enespace-presse h2,
  .page-enpress-room h2,
  .page-espace-presse h2 {
  width: 70%;
  margin-left: 30%;
  font-size: 36px;
  color: #303030;
  font-family: hind-regular;
  text-transform: uppercase;
  }
  .path-espace-presse .pager,
  .page-espace-presse .pager,
  .page-enespace-presse .pager,
  .page-enpress-room .pager{
  position: relative;
  z-index: 2;
  background-color: #f8f8f8;
  }
  .path-espace-presse .pager li > a.button,
  .page-enpress-room .pager li > a.button,
  .page-enespace-presse .pager li > a.button {
  background-image: url(../images/scroller.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center 18px;
  border: 1px solid #303030;
  border-radius: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  width: 62px;
  height: 62px;
  background-color: #f8f8f8;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  .path-espace-presse .pager li > a.button:hover,
  .page-espace-presse .pager li > a.button:hover,
  .page-enespace-presse .pager li > a.button:hover,
  .page-enpress-room .pager li > a.button:hover {
  background-position: center 20px;
  }
  .path-espace-presse .view-content .row_img_left,
  .path-espace-presse .view-content .row_img_right,
  .page-enespace-presse .view-content .row_img_left,
  .page-enpress-room .view-content .row_img_left,
  .page-enespace-presse .view-content .row_img_right,
  .page-enpress-room .view-content .row_img_right,
  .page-espace-presse .view-content .row_img_left,
  .page-espace-presse .view-content .row_img_right {
  position: relative;
  z-index: 1;
  margin: 45px 0;
  }
  .path-espace-presse .view-content .row_img_right::before,
  .page-enespace-presse .view-content .row_img_right::before,
  .page-enpress-room .view-content .row_img_right::before,
  .page-espace-presse .view-content .row_img_right::before {
  content: '';
  position: absolute;
  z-index: 1;
  height: 80%;
  width: 100%;
  top: 10%;
  right: calc((100% - 1170px) / 2 - 30px);
  background-color: #e6e6e6;
  }
  .path-espace-presse .view-content .row_img_left::before,
  .page-espace-presse .view-content .row_img_left::before,
  .page-enespace-presse .view-content .row_img_left::before,
  .page-enpress-room .view-content .row_img_left::before{
  content: '';
  position: absolute;
  z-index: 1;
  height: 80%;
  width: 100%;
  top: 10%;
  left: calc((100% - 1170px) / 2 - 30px);
  background-color: #e6e6e6;
  }
  .path-espace-presse .view-content:last-child .row_img_left,
  .page-espace-presse .view-content:last-child .row_img_left,
  .page-enespace-presse .view-content:last-child .row_img_left,
  .page-enpress-room .view-content:last-child .row_img_left{
    margin-bottom: 0px;
  }
  .path-espace-presse .view-content .row_img_left .container,
  .path-espace-presse .view-content .row_img_right .container,
  .page-enespace-presse .view-content .row_img_left .container,
  .page-enpress-room .view-content .row_img_left .container,
  .page-enespace-presse .view-content .row_img_right .container,
  .page-enpress-room .view-content .row_img_right .container,
  .page-espace-presse .view-content .row_img_left .container,
  .page-espace-presse .view-content .row_img_right .container {
  position: relative;
  z-index: 2;
  display: flex;
  }
  .path-espace-presse .view-content .views-row .block_info,
  .page-enespace-presse .view-content .views-row .block_info,
  .page-enpress-room .view-content .views-row .block_info,
  .page-espace-presse .view-content .views-row .block_info {
  padding: 50px 70px;
  background-color: #303030;
  float: left;
  color: #fff;
  }
  .path-espace-presse .view-content .views-row .block_info::after,
  .page-espace-presse .view-content .views-row .block_info::after,
  .page-enespace-presse .view-content .views-row .block_info::after,
  .page-enpress-room .view-content .views-row .block_info::after{
  content: '';
  position: absolute;
  z-index: -1;
  height: 90%;
  width: 30px;
  top: 5%;
  right: -20px;
  background-color: #b70101;
  }
  .path-espace-presse .view-content .views-row .block_info .titre,
  .page-enespace-presse .view-content .views-row .block_info .titre,
  .page-enpress-room .view-content .views-row .block_info .titre,
  .page-espace-presse .view-content .views-row .block_info .titre {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #f8f8f8;
  text-transform: uppercase;
  font-family: hind-regular;
  font-weight: bold;
  }
  .path-espace-presse .view-content .views-row .block_info .sous-titre,
  .page-enespace-presse .view-content .views-row .block_info .sous-titre,
  .page-enpress-room .view-content .views-row .block_info .sous-titre,
  .page-espace-presse .view-content .views-row .block_info .sous-titre {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #f8f8f8;
  font-family: hind-light;
  }
  .path-espace-presse .view-content .views-row .block_info .description,
  .page-espace-presse .view-content .views-row .block_info .description,
  .page-enespace-presse .view-content .views-row .block_info .description,
  .page-enpress-room .view-content .views-row .block_info .description{
  float: left;
  width: 100%;
  font-size: 16px;
  color: #f8f8f8;
  font-family: hind-light;
  }
  .path-espace-presse .view-content .views-row .block_info .info,
  .page-espace-presse .view-content .views-row .block_info .info,
  .page-enespace-presse .view-content .views-row .block_info .info,
  .page-enpress-room .view-content .views-row .block_info .info{
  float: left;
  width: 100%;
  margin: 20px 0;
  }
  .page-enespace-presse .view-content .views-row .block_info .info.en p,
  .page-enpress-room .view-content .views-row .block_info .info.en p{
      color: #ffffff;
      font-family: "hind-light";
      font-size: 16px;
      font-weight: 400;
      width: 150px;
      border: 1px solid #ffffff;
      padding: 6px 35px;
      height: 35px;
  }
  .page-enespace-presse .view-content .views-row .block_info .info.en a,
  .page-enpress-room .view-content .views-row .block_info .info.en a{
    /* font-size: 0px;
    position: absolute;
    width: 150px;
    height: 35px; */
  }
  .path-espace-presse .view-content .views-row .block_info .info a,
  .page-espace-presse .view-content .views-row .block_info .info a,
  .page-enespace-presse .view-content .views-row .block_info .info a,
  .page-enpress-room .view-content .views-row .block_info .info a {
  font-size: 16px;
  color: #f8f8f8;
  font-family: hind-light;
  padding: 5px 30px;
  border: 1px solid #f8f8f8;
  line-height: 35px;
  }
  .path-espace-presse .view-content .views-row .block_info .info a:hover,
  .page-enespace-presse .view-content .views-row .block_info .info a:hover,
  .page-enpress-room .view-content .views-row .block_info .info a:hover,
  .page-espace-presse .view-content .views-row .block_info .info a:hover {
  text-decoration: none;
  }
  .path-espace-presse .view-content .views-row .block_info .container-date,
  .page-espace-presse .view-content .views-row .block_info .container-date,
  .page-enespace-presse .view-content .views-row .block_info .container-date,
  .page-enpress-room .view-content .views-row .block_info .container-date{
  float: left;
  width: 100%;
  border-top: 1px solid #939393;
  margin-top: 10px;
  padding-top: 20px;
  }
  .path-espace-presse .view-content .views-row .block_info .container-date .date,
  .path-espace-presse .view-content .views-row .block_info .container-date .localistaion,
  .page-enespace-presse .view-content .views-row .block_info .container-date .date,
  .page-enpress-room .view-content .views-row .block_info .container-date .date,
  .page-enespace-presse .view-content .views-row .block_info .container-date .localistaion,
  .page-enpress-room .view-content .views-row .block_info .container-date .localistaion,
  .page-espace-presse .view-content .views-row .block_info .container-date .date,
  .page-espace-presse .view-content .views-row .block_info .container-date .localistaion  {
  font-size: 16px;
  color: #f8f8f8;
  font-family: hind-light;
  padding-left: 35px;
  background-image: url(../images/date.png);
  background-position: left center;
  background-size: auto 26px;
  background-repeat: no-repeat;
  line-height: 26px;
  }
  .path-espace-presse .view-content .views-row .block_info .container-date .localistaion,
  .page-espace-presse .view-content .views-row .block_info .container-date .localistaion,
  .page-enespace-presse .view-content .views-row .block_info .container-date .localistaion,
  .page-enpress-room .view-content .views-row .block_info .container-date .localistaion{
  background-image: url(../images/localistaion.png);
  float: right;
  width: auto;
  padding-right: 0;
  padding-left: 30px;
  }

  .path-espace-presse .view-content .views-row .block_img,
  .page-enespace-presse .view-content .views-row .block_img,
  .page-enpress-room .view-content .views-row .block_img,
  .page-espace-presse .view-content .views-row .block_img {
  height: 100%;
  overflow: hidden;
  }
  .path-espace-presse .view-content .views-row .block_img img,
  .page-espace-presse .view-content .views-row .block_img img,
  .page-enespace-presse .view-content .views-row .block_img img,
  .page-enpress-room .view-content .views-row .block_img img{
  position: absolute;
  z-index: 2;
  top: 5%;
  min-height: 90%;
  width: 100%;
  height: auto;
  object-fit: cover;
  }
  .page-espace-presse .containers .content-article,
  .page-enespace-presse .containers .content-article,
  .page-enpress-room .containers .content-article,
  .page-espace-presse .containers .intro,
  .page-enespace-presse .containers .intro,
  .page-enpress-room .containers .intro{
    display: none;
  }

  /****************
  page actus type
  ****************/
  #block-views-block-page-type-dernieres-actus,
  #block-views-block-block-page-type-dernieres-actus-en{
  clear: both;
  /*position: relative;*/
  }

  #block-views-block-page-type-dernieres-actus .container-bloc-nos-dernier-actus,
  #block-views-block-block-page-type-dernieres-actus-en .container-bloc-nos-dernier-actus{
  margin-top: 90px;
  padding-bottom: 60px;
  position: relative;
  background-image: url(../images/fond_red_actus.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  }
  #block-views-block-page-type-dernieres-actus .container-bloc-nos-dernier-actus:before,
  #block-views-block-block-page-type-dernieres-actus-en .container-bloc-nos-dernier-actus:before{
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 90%;
  }
  #block-views-block-page-type-dernieres-actus .container-bloc-nos-dernier-actus:after,
  #block-views-block-block-page-type-dernieres-actus-en .container-bloc-nos-dernier-actus:after{
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 49.9%;
  bottom: 46px;
  width: 50%;
  border-bottom: 2px solid #303030;
  padding-bottom: 50px;
  }
  .container-page-type-actualite{
  background-color: #303030;
  padding-left: 20%;
  padding-top: 41px;
  margin-top: 0px;
  padding-bottom: 48px;
  }
  .content-page-actus-types{
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 50px;
  }
  .block-page-type-ils-parlent-de-nous{
  clear: both;
  color: #282728;
  font-family: "hind-bold";
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;

  }
  .container-page-type-actualite .date{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  float: left;
  padding-right: 10px;
  }
  .container-page-type-actualite .lieux{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  float: left;
  }
  .container-page-type-actualite .link{
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 65px;
  }
  .container-page-type-actualite .link img{
  width: 30px;
  height: 30px;
  }
  .container-page-type-actualite .link .texte{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  font-weight: 300;
  padding-right: 20px;
  }
  .container-page-type-actualite .titre{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 48px;
  max-width: 60%;
  }
  .container-page-type-actualite .sous-titre{
  color: #ffffff;
  font-family: "hind-light";
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 400;
  }

  .content-page-actus-types-bloc-left{
  padding-top: 50px;
  padding-left: 9%;
  padding-right: 50px;
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position: bottom 0px left;
  background-size: 80% 20%;
  padding-bottom: 50px;
  margin-bottom: 60px;
  }
  .content-page-actus-types-bloc-left .description{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  padding-left: 28%;
  padding-bottom: 62px;
  }
  .content-page-actus-types-bloc-left .image{
  float: right;

  }
  .content-page-actus-types-bloc-right .description{
  color: #303030;
  font-family: "hind-regular";
  font-size: 16px;
  font-weight: 400;
  padding-top: 62px;
  max-width: 71%;
  }
  .content-page-actus-types-bloc-right{
  padding-right: 9%;
  padding-left: 50px;
  top: -50px;
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position: top 0px right;
  background-size: 80% 20%;
  padding-top: 50px;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu{
  padding-left: 13%;
  padding-right: 13%;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .description,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .description{
  background-color: #f8f8f8;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .description,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .description{
  background-color: #f8f8f8;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .lien,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .lien{
  background-color: #f8f8f8;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .date,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .date,
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .titre,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .titre,
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .le-groupe,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .le-groupe,
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .body,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .body,
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .lien a,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .lien a{
  color: #303030;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .lien a,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .lien a{
  color: #303030;
  border: 1px solid #303030;
  }
  #block-views-block-page-type-dernieres-actus .content-bloc-nos-dernier-actu .lien a:hover,
  #block-views-block-block-page-type-dernieres-actus-en .content-bloc-nos-dernier-actu .lien a:hover{
  text-decoration: none;
  color: #b80202;
  }
  #block-views-block-page-type-dernieres-actus .container-bloc-nos-dernier-actus .header-bloc-nos-dernier-actu,
  #block-views-block-block-page-type-dernieres-actus-en .container-bloc-nos-dernier-actus .header-bloc-nos-dernier-actu{
  padding-left: 13%;
  color: #303030;
  font-family: "hind-bold";
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 20px;
  padding-top: 60px;
  }
  #block-views-block-page-type-ils-parlent-de-nous{
  clear: both;
  }
  /******************************
  page ils parlent de nous type
  ********************************/
  #block-views-block-page-type-ils-parlent-de-nous{
  background-color: #303030;
  padding-bottom: 60px;
  }
  #block-views-block-page-type-ils-parlent-de-nous .container-bloc-article-il-parle-de-nous{
  padding-left: 13%;
  padding-right: 13%;
  position: relative;
  margin-top: 90px;
  }
  .content-page-actus-types:before{
  content: "";
  position: absolute;
  left: 0;
  width: 30%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 35%;
  top: 65%;
  }
  .content-page-actus-types:after{
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 30%;
  width: 70%;
  border-bottom: 2px solid #303030;
  }
  /*******************************
  page basic && page de contenu
  ********************************/
  .page-node-type-page-de-contenu .content{
  clear: both;
  padding-right: 12%;
  padding-left: 12%;
  padding-top: 80px;
  padding-bottom: 80px;
  }
  .page-node-type-page-de-contenu .content .container-page-contenu .title{
  padding-bottom: 60px;
  font-size: 48px;
  font-family: "hind-bold";
  font-weight: 700;
  color: #303030;
  text-transform: uppercase;
  }
  .page-node-type-page-de-contenu .content .container-page-contenu .body{
  padding-bottom: 60px;
  font-size: 16px;
  font-family: "hind-regular";
  color: #303030;
  /*text-transform: uppercase;*/
  line-height: 1.5em;
  }

  /*****************************
  les formulaire de contact
  ******************************/
  .path-webform .content{
  padding-top: 200px;
  padding-bottom: 90px;
  padding-right: 13%;
  padding-left: 13%;
  }

  /*contact form*/
  #webform-submission-contact-add-form label{
  font-family: "hind-light";
  }
  #webform-submission-contact-add-form #edit-title{
  font-family: "hind-bold";
  font-size: 48px;
  text-align: center;
  text-transform: uppercase;
  }
  #webform-submission-contact-add-form #edit-lien-carte a{
    font-family: "hind-light";
    font-size: 17px;
    text-transform: uppercase;
    color: #303030;
  }
  #webform-submission-contact-add-form #edit-lien-carte a:hover{
    text-decoration: none;
    color: #b80202;
  }
  #webform-submission-contact-add-form #edit-lien-carte{
    text-align: center;
  }
  /*point presse form*/
  #webform-submission-formulaire-point-presse-add-form label{
  font-family: "hind-light";
  }
  #webform-submission-formulaire-point-presse-add-form #edit-title{
  font-family: "hind-bold";
  font-size: 48px;
  text-align: center;
  text-transform: uppercase;
  }

  /*ACCR�DITATION form*/
  #webform-submission-formulaire-accreditation-add-form label{
  font-family: "hind-light";
  }
  #webform-submission-formulaire-accreditation-add-form #edit-title{
  font-family: "hind-bold";
  font-size: 48px;
  text-align: center;
  text-transform: uppercase;
  }
  /**************************************
  design popup formulaire espace presse
  ***************************************/
  #element_to_pop_up1,
  #element_to_pop_up2{
  background-color:#fff;
  border-radius:15px;
  color:#000;
  display:none;
  padding:20px;
  min-width:400px;
  min-height: 180px;
  }
  .b-close{
  cursor:pointer;
  position:absolute;
  right:10px;
  top:5px;
  }

  ul.social-media-links--platforms.platforms.inline.horizontal li a span {
  background-color: #b70202;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  color: white;
  padding: 7px 0 0 0;
  }

  .sharethis-inline-share-buttons {
  z-index: initial ! iportant;
  }
  .block-rs .field--name-field-reseau-social {
    display: flex;
  }
  .block-rs .paragraph-rs{
    padding-right: 10px;
  }
  .block-rs .paragraph-rs .image:hover{
    opacity: .8;
    top: -4px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 20px;
  }
  .block-rs .paragraph-rs .image img{
    min-width: 48px;
    height: auto;
    max-width: 48px;
  }
  #st-1{
  z-index: initial;
  }

  .st-btn.st-remove-label {
  display: inline-block !important;
  }

  /*-----------------------------------
  Bouton reseaux sociaux article
  */

  .sharethis-inline-share-buttons .st-btn {
  background-color: #fff;
  width: 30px !important;
  height: 30px !important;
  }
  .sharethis-inline-share-buttons .st-btn{
  padding : 0 !important;
  }
  .sharethis-inline-share-buttons .st-btn > svg{
  fill: #333 !important;
  top: 5px !important;
  }
  .sharethis-inline-share-buttons .st-btn > img{
    top: 5px !important;
  }


  /*-----------------------------------
  Bouton reseaux sociaux footer
  */

  .sharethis-inline-follow-buttons .st-btn {
  background-color: #b70202 !important;
  width: 40px !important;
  height: 40px !important;
  }

  .sharethis-inline-follow-buttons .st-btn{
  padding : 4px !important;
  }
  .sharethis-inline-follow-buttons .st-btn > svg{
  fill: #fff !important;
  top: 5px !important;
  }
  .page-node-type-nos-engagements .field--name-field-texte-2-colonnes {
  float: left;
  width: 100%;
  margin: 50px 0;
  }
  .paragraph_texte_2_colonnes {
  float: left;
  width: 100%;
  margin: 50px 0;
  position: relative;
  }
  .paragraph_texte_2_colonnes .row {
  position: relative;
  float: left;
  width: 100%;
  padding: 40px 0 120px 0;
  }
  .paragraph_texte_2_colonnes .row::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0px;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 100%;
  }
  .paragraph_texte_2_colonnes .row::after {
  content: '';
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0px;
  width: 50%;
  border-top: 2px solid #303030;
  display: block;
  height: 1px;
  }
  .paragraph_texte_2_colonnes.fond_blanc {
  background-color: #303030;
  padding: 90px 0;
  color: #f8f8f8;
  }
  .paragraph_texte_2_colonnes.fond_blanc .row::before,
  .paragraph_texte_2_colonnes.fond_blanc .row::after {
  border-color: #f8f8f8;
  }
  .paragraph_texte_2_colonnes.fond_noir {
  background-color: transparent;
  }
  .paragraph_texte_2_colonnes .titre {
  float: left;
  text-align: left;
  padding: 0px 60px 40px calc(10% + 80px);
  width: 50%;
  font-size: 36px;
  color: #303030;
  font-family: "hind-bold";
  text-transform: uppercase;
  margin: 0;
  }
  .paragraph_texte_2_colonnes.fond_blanc .titre {
  color: #f8f8f8;
  }
  .paragraph_texte_2_colonnes .contenu {
  float: left;
  width: 80%;
  margin-left: 10%;
  background-color: #303030;
  color: #f8f8f8;
  font-size: 16px;
  padding: 80px 80px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 40px;
  column-gap: 5em;
  position: relative;
  }
  .paragraph_texte_2_colonnes .contenu::after {
  content: '';
  position: absolute;
  z-index: 2;
  left: 110px;
  bottom: -20px;
  width: calc(100% - 220px);
  border-top: 20px solid #b80202;
  height: 0px;
  }
  .paragraph_texte_2_colonnes.fond_blanc .contenu {
  background-color: #f8f8f8;
  color: #303030;
  font-size: 18px;
  }
  .paragraph_texte_2_colonnes .contenu .sous-titre {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 24px;
  color: #f8f8f8;
  }
  .paragraph_texte_2_colonnes.fond_blanc .contenu .sous-titre {
  color: #303030;
  }

  .paragraph_carroussel {
  padding: 100px 0;
  position: relative;
  background-color: #e6e6e6;
  }
  .paragraph_vignettes::before,
  .paragraph_carroussel::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 100px;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 25%;
  }
  .paragraph_vignettes::before {
  height: 100%;
  top: 0;
  }
  .paragraph_vignettes::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  border-bottom: 2px solid #303030;
  }
  .paragraph_vignettes h2.titre,
  .paragraph_carroussel > .row > .titre {
  font-family: "hind-bold";
  font-size: 36px;
  text-transform: uppercase;
  margin: 75px 0 100px 0;
  padding-left: 13%;
  float: left;
  width: 50%;
  padding-right: 20px;
  }
  #block-views-block-carrousel-block-1 .block-title,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .block-title {
  font-family: "hind-bold";
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 2em;
  padding-left: 20%;
  }
  .swiper-container-4el {
  position: relative;
  padding-bottom: 100px;
  }
  .swiper-container-4el .swiper-slide {
  align-items: center;
  text-align: center;
  padding: 4em;
  background-color: #fff;
  margin-top: 2em;
  margin-bottom: 2em;
  min-height: 500px;
  transform: scale(0.9);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .swiper-container-4el .swiper-slide.swiper-slide-prev,
  .swiper-container-4el .swiper-slide.swiper-slide-next {
  transform: scale(1);
  }
  .swiper-container-4el .swiper-slide.swiper-slide-active {
  transform: scale(1.2);
  }
  .swiper-container-4el .swiper-slide .titre {
  font-family: "Hind-bold";
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 20px;
  text-transform: uppercase;
  }
  .swiper-container-4el .swiper-slide img {
  display: block;
  margin: 0 auto;
  }
  .swiper-container-4el .swiper-slide .sous_titre {
  font-family: "Hind-bold";
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 18px;
  text-transform: uppercase;
  }
  .swiper-container-4el .swiper-slide .views-field-lien a {
  font-family: "Hind-regular";
  margin: 2em auto 0;
  font-size: 14px;
  padding: 1em;
  border: 1px solid #000;
  width: 70%;
  display: block;
  color: #000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  .swiper-container-4el .swiper-slide .views-field-lien a:hover {
  text-decoration: none;
  }
  .swiper-container-4el .swiper-slide .views-field-body {
  font-family: "hind-light";
  font-size: 16px;
  }
  .swiper-button-prev {
  background-image: url(../images/scroller-gauche.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  margin-left: 8%;
  width: 50px;
  height: 50px;
  }
  .swiper-button-next {
  background-image: url(../images/scroller-droite.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  margin-right: 9%;
  width: 50px;
  height: 50px;
  }
  .swiper-pagination-4el {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
  }
  .swiper-pagination span,
  .swiper-pagination-4el span {
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background-color: #9b9a9a;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3 ease;
  }
  .paragraph_slider .swiper-pagination {
  bottom: 5%;
  }
  .home_slider .swiper-pagination {
  bottom: 30px;
  padding-left: 20%;
  text-align: left;
  }
  .home_slider .swiper-pagination span,
  .paragraph_slider .swiper-pagination span {
  background-color: #fff;
  opacity: 1;
  }
  .swiper-pagination span.swiper-pagination-bullet-active,
  .swiper-pagination-4el span.swiper-pagination-bullet-active {
  color: #b80202;
  background-color: #b80202;
  }
  .home_slider .home_slide,
  .paragraph_slider .paragraph_slide {
  position: relative;
  float: left;
  width: 100%;
  height: 70vh;
  }
  .home_slider .home_slide {
  height: 100vh;
  }
  .paragraph_header_intro .paragraph_img,
  .home_slider .home_slide .paragraph_img,
  .paragraph_slider .paragraph_slide .paragraph_img {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  }
  .home_slider .home_slide .paragraph_img::before,
  .paragraph_slider .paragraph_slide .paragraph_img::before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/filter_bg.png);
  }
  .home_slider .home_slide .slide_content,
  .paragraph_slider .paragraph_slide .slide_content {
  position: absolute;
  z-index: 2;
  width: 70%;
  height: 100%;
  top: 0;
  left: 0;
  /*background-color: rgba(24, 24, 24, 0.8);*/
  color: #fff;
  -moz-filter: unset;
  -o-filter: unset;
  -webkit-filter: unset;
  filter: unset;
  filter: unset;
  text-align: left;
  padding: 5% 40px 5% 20%;
  }
  .home_slider .home_slide .slide_content {
  padding: 15% 40px 5% 20%;
  }
  .home_slider .home_slide .sous_titre,
  .paragraph_slider .paragraph_slide .sous_titre {
  font-family: "hind-bold";
  text-transform: uppercase;
  font-size: 48px;
  line-height: 52px;
  color: #fff;
  margin-top: 0;
  }
  .home_slider .home_slide .titre,
  .paragraph_slider .paragraph_slide .titre {
  font-family: "hind-bold";
  text-transform: uppercase;
  font-size: 36px;
  line-height: 48px;
  color: #ffffff;
  margin-top: 0;
  }
  .home_slider .home_slide .field_body,
  .paragraph_slider .paragraph_slide .field_body {
  font-family: "hind-regular";
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  }
  .home_slider .home_slide .field_lien,
  .paragraph_slider .paragraph_slide .field_lien {
  padding-top: 20px;
  }
  .home_slider .home_slide .field_lien a,
  .paragraph_slider .paragraph_slide .field_lien a {
  background-color: #b80202;
  font-family: "hind-regular";
  color: #fff;
  font-size: 18px;
  line-height: 70px;
  width: auto;
  margin: auto;
  padding: 15px;
  float: none;
  }
  .home_slider .home_slide .field_lien a:hover,
  .paragraph_slider .paragraph_slide .field_lien a:hover {
  text-decoration: none;
  }
  .block-views-blockslider-block-1 .contextual {
  top: 180px !important;
  }
  .slider-scroller {
  position: absolute;
  z-index: 20;
  width: 40px;
  height: 40px;
  top: 85%;
  cursor: pointer;
  margin-left: calc(100vw/2);
  transform: translateX(-50%);
  background-image: url('../images/scroller_presse.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  }
  #block-blocsavoirfaire {
  position: relative;
  float: left;
  width: 100%;
  }
  #block-blocsavoirfaire .contextual {
  top: 150px;
  }

  /* block nos dernieres actualité homepage */
  #block-views-block-nos-dernieres-actualites-homepage2,
  #block-views-block-block-nos-dernieres-actualites-en {
  padding-top: 90px;
  overflow: hidden;
  margin-bottom: 90px;
  position: relative;
  }

  #block-views-block-nos-dernieres-actualites-homepage2:before,
  #block-views-block-block-nos-dernieres-actualites-en:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 110%;
  }
  #block-views-block-nos-dernieres-actualites-homepage2:after,
  #block-views-block-block-nos-dernieres-actualites-en:after {
  display: block;
  content: "";
  position: relative;
  left: 50%;
  width: 50%;
  border-bottom: 2px solid #303030;
  }

  #block-views-block-nos-dernieres-actualites-homepage2 .header-bloc-nos-dernier-actu-navigation,
  #block-views-block-block-nos-dernieres-actualites-en .header-bloc-nos-dernier-actu-navigation{
  visibility: hidden;
  }
  .paragraph_vignettes {
  float: left;
  width: 100%;
  margin: 90px 0;
  overflow: hidden;
  position: relative;
  display: block;
  }
  .paragraph_vignettes .container_vignettes {
  float: left;
  width: 100%;
  display: block;
  padding-left: 13%;
  padding-right: 13%;
  position: relative;
  z-index: 2;
  }
  .paragraph_vignettes .container_vignettes::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  top: calc(50% - 90px);
  width: 100%;
  height: 180px;
  background-color: #b80202;
  }
  .paragraph_vignettes .paragraph_vignette {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  background-color: #2f2f2f;
  color: #fff;
  }
  .paragraph_vignettes > .row {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  z-index: 3;
  }
  .paragraph_vignettes .field_lien {
  clear: both;
  float: left;
  width: 100%;
  display: block;
  padding-top: 90px;
  margin-left: 20px;
  padding-left: 13%;
  position: relative;
  z-index: 3;
  padding-bottom: 80px;
  }
  .paragraph_vignettes .field_lien a {
  clear: both;
  color: #303030;
  font-family: "hind-medium";
  font-size: 22px;
  font-weight: 500;
  width: 349px;
  border: 1px solid #303030;
  padding: 20px 55px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_vignettes .field_lien a:hover {
  text-decoration: none;
  color: #b80202;
  }
  .paragraph_vignettes .paragraph_vignette .image {
  float: left;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  overflow: hidden;
  }
  .paragraph_vignettes .paragraph_vignette .image img {
  max-width: 100%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  }
  .paragraph_vignettes .paragraph_vignette .image:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  }
  .paragraph_vignettes .paragraph_vignette .description {
  float: left;
  width: 100%;
  padding: 30px 40px;
  }
  .paragraph_vignettes .paragraph_vignette .description .date {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  line-height: 28.34px;
  font-family: "hind-regular";
  padding-bottom: 5px;
  }
  .paragraph_vignettes .paragraph_vignette .description .titre {
  float: left;
  width: 100%;
  line-height: 30px;
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 24px;
  text-transform: uppercase;
  padding-bottom: 5px;
  margin: 0;
  }
  .paragraph_vignettes .paragraph_vignette .description .filiale {
  float: left;
  width: 100%;
  font-size: 16px;
  color: #ffffff;
  font-weight: 300;
  font-style: italic;
  line-height: 24px;
  text-decoration: underline;
  font-family: "hind-light";
  padding-bottom: 5px;
  margin: 0;
  }
  .paragraph_vignettes .paragraph_vignette .description .body {
  float: left;
  width: 100%;
  color: #ffffff;
  font-family: "hind-light";
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 5px;
  }
  .paragraph_vignettes .paragraph_vignette .description .lien {
  float: left;
  width: 100%;
  height: 55px;
  clear: both;
  text-align: center;
  padding-top: 5px;
  }
  .paragraph_vignettes .paragraph_vignette .description .lien a {
  float: left;
  clear: both;
  color: #fff;
  font-family: "hind-light";
  font-size: 16px;
  border: 1px solid #fff;
  padding: 10px 35px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_vignettes .paragraph_vignette .description .lien a:hover {
  text-decoration: none;
  color: #b80202;
  }


  .paragraph_bloc_rouge_gauche {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #303030;
  color: #fff;
  }
  .paragraph_bloc_rouge_gauche .container-titre {
  text-align: left;
  padding-left: 13%;
  padding-top: 90px;
  padding-bottom: 60px;
  position: relative;
  }
  .paragraph_bloc_rouge_gauche .container-titre h2 {
  position: relative;
  z-index: 2;
  width: 75%;
  border: 2px solid #ffffff;
  border-left: 0;
  color: #fefefe;
  font-family: "hind-regular";
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
  padding: 60px 2% 150px 10%;
  background-color: #303030;
  margin: 0;
  }
  .paragraph_bloc_rouge_gauche .container-titre h2 strong {
  font-family: "hind-bold";
  float: left;
  width: 100%;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte {
  float: left;
  width: 110%;
  margin-top: -100px;
  padding: 50px 10% 50px 20%;
  position: relative;
  z-index: 3;
  background-color: #b80202;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .title{
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  font-family: "hind-regular";
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .texte li{
    color: #fff;
    list-style: none;
    font-family: "hind-regular";
    font-size: 18px;
    line-height: 25px;
    background-image: url(/sites/default/files/images/puce_1.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .texte li h3{
    color: #fff;
    list-style: none;
    font-family: "hind-regular";
    font-size: 18px;
    line-height: 25px;
    /*background-image: url(/sites/default/files/images/puce_1.png);*/
    text-align: left;

  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .texte li span {
    color: #fff;
    list-style: none;
    font-family: "hind-semibold"!important;
    font-size: 24px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .texte ul {
    padding-left: 0px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .lien {
  float: left;
  width: 100%;
  height: 55px;
  clear: both;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 90px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .lien a {
  float: left;
  color: #fff;
  font-family: "hind-light";
  font-size: 26px;
  text-align: center;
  border: 1px solid #f8f8f8;
  padding: 15px 25px;
  cursor: pointer;
  }
  .paragraph_bloc_rouge_gauche .paragraph_titre_texte .lien a:hover {
  text-decoration: none;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres::before {
  display: none;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres {
  margin-top: 50px;
  padding-bottom: 0px;
  border: 2px solid #f8f8f8;
  border-right: 0;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .titre {
  color: #f8f8f8;
  font-size: 30px;
  font-family: "hind-regular";
  width: 100%;
  padding-bottom: 20px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .contenu_chiffres {
  background-color: transparent;
  padding: 10px 15% 50px 15%;
  position: relative;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .contenu_chiffres .field--name-field-chiffres > .field--item {
  width: 100%;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .field--name-field-icone {
  height: 100%;
/*  display: -webkit-box;
  display: -moz-box;*/
/*  display: -ms-flexbox;*/
/*  display: -webkit-flex;
  display: flex;*/
/*  flex-direction: column;*/
  justify-content: center;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres img {
  max-height: 60px;
  width: auto;
  margin: auto;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .chiffre {
  font-size: 40px;
  }
  .paragraph_bloc_rouge_gauche .paragraph_nexter_en_chiffres .paragraph_chiffre {
  padding: 15px 0;
  }

  .paragraph_blocs_image {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #303030;
  color: #fff;
  }
  .paragraph_blocs_image .container-titre {
  text-align: left;
  padding-left: 13%;
  padding-top: 90px;
  padding-bottom: 60px;
  position: relative;
  }
  .paragraph_blocs_image .container-titre h2 {
  position: relative;
  z-index: 2;
  width: 75%;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  color: #fefefe;
  font-family: "hind-regular";
  font-size: 42px;
  line-height: 50px;
  text-transform: uppercase;
  padding: 60px 2% 60px 10%;
  background-color: #303030;
  margin: 0;
  }
  .paragraph_blocs_image .container-titre h2 strong {
  font-family: "hind-bold";
  float: left;
  width: 100%;
  }
  .paragraph_blocs_image .bloc_image {
  display: block;
  width: 100%;
  }
  .paragraph_blocs_image .bloc_image .titre {
  display: block;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
  position: absolute;
  z-index: 10;
  padding-top: 55px;
  margin: 0px;
  color: #303030;
  font-family: "hind-semibold";
  font-size: 48px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_blocs_image .bloc_image:hover .titre {
  text-decoration: none;
  color: #b80202;
  }
  .paragraph_blocs_image .bloc_image img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .paragraph_blocs_image .bloc_image:hover img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
  outline: none;
  outline-offset: 0;
  }
  /* ************************************************************************************************************************************************ */
  /* HOME PAGE */
  /* ************************************************************************************************************************************************ */

  #block-languagedropdownswitcher {
  z-index: -10;
  }
  /* SLIDER */
  header {
  position: absolute;
  z-index: 1000;
  width: 100%;
  }
  header.blackbg {
  /*background-color: rgba(255, 255, 255, 0.2);*/
  /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

  /*background: -moz-linear-gradient(rgba(0,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(rgba(0,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(rgba(0,0,0,0.1) 100%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }
  .page-node-type-page article.contextual-region {
  float: left;
  width: 100%;
  }
  .path-search header,
  header.header_404,
  .page-node-type-page-produit header,
  .page-node-type-nos-services-presentation header,
  .page-node-type-nos-services header,
  .page-node-type-espace-presse header,
  .page-node-type-nos-actualites header,
  .page-node-type-article-ils-parlent-de-nous header,
  .path-ils-parlent-de-noushtml header,
  .path-actualites header,
  .page-actualites header,
  .page-node-type-page-de-contenu header,
  .path-nos-produits header,
  .page-ennos-metiers header,
  .page-nos-metiers header,
  .page-enour-job header,
  .path-catalogue header,
  .page-node-type-nos-filiales header,
  .page-node-type-nos-filiales-presentation header,
  .page-node-type-carriere-metier header,
  .page-actualitesnos-dernieres-actualites header,
  .page-actualitesils-parlent-de-nous header,
  .page-enactualitesnos-dernieres-actualites header,
  .page-enour-newslatest-news header,
  .page-enactualitesils-parlent-de-nous header,
  .page-enour-newsmedia header{
  position: relative;
  }
  .menu-main-nav .navbar-nav >li a,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: transparent!important;
  }
  #search-block-form .form-group {
  margin-bottom: 0;
  }
  .menu-main-nav .navbar-nav >li .dropdown-menu {
  background-color: transparent;
  }
  header.blackbg .menu-main-nav .navbar-nav >li .dropdown-menu {
  background-color: rgba(24, 24, 24, 0.5);
  }
  header.blackbg .sticky .navbar-nav >li .dropdown-menu {
  background-color: #fff;
  }
  .sticky .navbar-nav >li .dropdown-menu {
  background-color: #fff;
  }
  .menu-main-nav .navbar-nav >li .dropdown-menu:hover,
  .menu-main-nav .navbar-nav >li a:hover + .dropdown-menu {
  display: block;
  }

  .sticky #navbar a {
  color: #000 !important;
  }
  .sticky #navbar .is-active {
  color: #b80202 !important;
  }
  .navbar-default {
  background-image: none;
  filter: unset;
  background-repeat: no-repeat;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  width: 100%;
  }
  .navbar-default .navbar-collapse {
  float: left;
  width: 100%;
  padding-top: 15px;
  }
  .navbar-default .navbar-collapse .region-navigation-collapsible {
  float: left;
  width: 100%;
  }
  .navbar-default .navbar-collapse .region-navigation-collapsible #block-nexter-main-menu,
  .navbar-default .navbar-collapse .region-navigation-collapsible #block-formulairederecherche,
  .navbar-default .navbar-collapse .region-navigation-collapsible #block-formulairederecherche-2,
  .navbar-default .navbar-collapse .region-navigation-collapsible .block-lang-dropdown {
  float: right;
  }
  .slider h2 {
  font-family: "hind-bold";
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: bold;
  position: absolute;
  top: 24%;
  margin-left: 200px;
  color: #b80202;
  z-index: 10;
  }
  #slick-views-slider-block-1-1-slider .slick-track {
  height: 100vh;
  }
  #slick-views-slider-block-1-1-slider .slick-slide img {
  min-height: 100vh;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  }
  .slider h5 {
  font-family: "hind-bold";
  text-transform: uppercase;
  font-size: 2.5em;
  color: #fff;
  position: absolute;
  z-index: 10;
  top: 32%;
  margin-left: 200px;
  }
  .paragraphe-slider {
  font-size: 1em;
  color: #fff;
  position: absolute;
  z-index: 10;
  top: 49%;
  width: 750px;
  margin-left: 200px;
  }
  .sliderBouton {
  position: absolute;
  z-index: 10;
  top: 64%;
  margin-left: 200px;
  color: #fff;
  background-color: #b80202;
  padding: 0.8em 4em;
  cursor: pointer;
  }

  #slick-views-slider-block-1-1 ul[role="tablist"]{
  list-style-type: none;
  display: flex;
  position: absolute;
  z-index: 10;
  top: 73%;
  margin-left: 200px;
  padding-left: 0;
  }
  #slick-views-slider-block-1-1 ul[role="tablist"] li {
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3 ease;
  }
  #slick-views-slider-block-1-1 ul[role="tablist"] button {
  display: none
  }
  #slick-views-slider-block-1-1 ul[role="tablist"] .slick-active {
  color: #b80202;
  background-color: #b80202;
  transform: scale(0.8);
  }





  /* CAROUSEL */
  #block-views-block-carrousel-block-1,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 {
  padding: 150px 0;
  position: relative;
  background-color: #e6e6e6;
  }
  #block-views-block-nos-produits-block-nos-produit,
  #block-views-block-nos-produits-block-nos-produit-en{
  padding: 150px 0 0 0;
  background-color: #303030;
  overflow-x: hidden;
  }

  #block-views-block-carrousel-block-1 .slick-slide,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick-slide {
  align-items: center;
  text-align: center;
  padding: 4em;
  background-color: #fff;
  margin-top: 2em;
  margin-left: 4em;
  margin-right: 4em;
  margin-bottom: 7em;
  min-height: 500px;
  transition: all 0.3s ease;
  transform: scale(0.9);
  /* opacity: 0.4; */
  /* margin: 2em 2em; */
  }
  #block-views-block-carrousel-block-1 .block-title,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .block-title {
  font-family: "hind-bold";
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 1.7em;
  padding-left: 10%;
  }
  #block-views-block-carrousel-block-1::before,
  #block-views-block-decouvrez-les-filiales-nexter-block-3::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 25%;
  }
  #block-views-block-nos-produits-block-nos-produit::before,
  #block-views-block-nos-produits-block-nos-produit-en::before{
  content: "";
  position: absolute;
  left: 0;
  top: 10%;
  width: 50%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  height: 30%;
  }
  #block-views-block-carrousel-block-1 .slick__slide .views-field,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide .views-field {
  display: block;
  }
  #block-views-block-carrousel-block-1 .slick__slide h2,
  #block-views-block-carrousel-block-1 .slick__slide h3,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide h2,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide h3 {
  font-family: "Hind-bold";
  margin-bottom: 20px;
  line-height: 24px;
  font-size: 20px;
  text-transform: uppercase;
  }
  #block-views-block-carrousel-block-1 .slick__slide h3,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide h3 {
  font-size: 18px;
  }
  #block-views-block-carrousel-block-1 .subtitle,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .subtitle {
  margin-top: 2em;
  font-family: "Hind-regular";
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  }
  #block-views-block-carrousel-block-1 .slick__slide img,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide img {
  display: block;
  margin: 0 auto;
  }
  #block-views-block-carrousel-block-1 .img-responsive,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .img-responsive {
  width: auto;
  max-width: 100% !important;
  }
  #block-views-block-carrousel-block-1 .slick__slide .views-field-body,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__slide .views-field-body {
  font-family: "Hind-light";
  }
  #block-views-block-carrousel-block-1 .carrouselBouton a,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .carrouselBouton a {
  font-family: "Hind-regular";
  margin: 2em auto 0;
  font-size: 14px;
  padding: 1em;
  border: 1px solid #000;
  width: 50%;
  display: block;
  color: #000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  #block-views-block-carrousel-block-1 .carrouselBouton a:hover,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .carrouselBouton a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #000;
  }
  #block-views-block-carrousel-block-1 ul[role="tablist"],
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  }

  /* ---------------------- */

  #block-views-block-carrousel-block-1 ul[role="tablist"],
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"]{
  list-style-type: none;
  position: absolute;
  z-index: 10;
  padding-left: 0;
  }
  #block-views-block-carrousel-block-1 ul[role="tablist"] li,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] li {
  margin-right: 0.5em;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3 ease;
  }
  #block-views-block-carrousel-block-1 ul[role="tablist"] button,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] button {
  display: none
  }
  #block-views-block-carrousel-block-1 ul[role="tablist"] .slick-active,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] .slick-active {
  color: #b80202;
  background-color: #b80202;
  transform: scale(0.8);
  }

  /* ---------------------------- */

  #block-views-block-carrousel-block-1 ul[role="tablist"] li,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] li {
  background-color: #9b9a9a;
  }
  /* #block-views-block-carrousel-block-1 ul[role="tablist"] .slick-active {
  background-color: #b80202;
  } */
  #block-views-block-carrousel-block-1 .slick-active,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick-active {
  transform: scale(1);
  /* transform: scale(0.9); */
  /* opacity: 0.6; */
  }
  #block-views-block-carrousel-block-1 .slick-center,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick-center {
  transform: scale(1.2);
  /* opacity: 1; */
  }
  #block-views-block-carrousel-block-1 ul[role="tablist"] .slick-center,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 ul[role="tablist"] .slick-center  {
  border: 1px solid red;
  }
  #block-views-block-carrousel-block-1 .slick__arrow,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick__arrow {
  position: absolute;
  top:50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  }
  #block-views-block-carrousel-block-1 .slick-next,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick-next {
  background-image: url("../images/scroller-droite.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  margin-right: 9%;
  width: 50px;
  height: 50px;
  }
  #block-views-block-carrousel-block-1 .slick-prev,
  #block-views-block-decouvrez-les-filiales-nexter-block-3 .slick-prev {
  background-image: url("../images/scroller-gauche.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  margin-left: 8%;
  width: 50px;
  height: 50px;
  }

  /* *************/
  /* BLOCK CARRIERE */
  /* *************/

  /* ********* sousblock-carriere-oppotunites  */
  .blocks_carriere .titre_carriere,
  #block-views-block-homepage-carriere-block-1 .titre-general {
  font-family: "Hind-bold";
  margin-left: 20%;
  margin-top: -4em;
  margin-bottom: 2em;
  font-size: 42px;
  }
  .blocks_carriere .titre_carriere{
    width: 355px;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge .titre_carriere {
  margin-left: 10%;
  margin: 0;
  font-family: hind-regular;
  text-transform: uppercase;
  padding: 60px 2% 60px 10%;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge .titre_carriere strong {
  font-family: "Hind-bold";
  }
  .blocks_carriere .titre_carriere span,
  #block-views-block-homepage-carriere-block-1 .titre-general span {
  display: block;
  font-family: "Hind-Regular";
  }
  .blocks_carriere .block-title,
  #block-views-block-homepage-carriere-block-1 .block-title {
  font-size: 42px;
  color: #f8f8f8;
  font-family: "Hind-bold";
  font-weight: bold;
  margin-left: 15%;
  }
  .blocks_carriere,
  #block-views-block-homepage-carriere-block-1 {
  float: left;
  width: 100%;
  clear: both;
  position: relative;
  padding-top: 25em;
  padding-bottom: 10em;
  background-color: #303030;
  z-index: 0;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge {
  padding-top: 90px;
  padding-bottom: 90px;
  }
  .blocks_carriere::before,
  #block-views-block-homepage-carriere-block-1::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6%;
  width: 46%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  height: 50%;
  z-index: -1;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge::before {
  top: 90px;
  }
  .blocks_carriere h2,
  #block-views-block-homepage-carriere-block-1 h2 {
  color: #fff;
  text-transform: uppercase;
  }
  .blocks_carriere .row_opportunites h2 {
  color: #282728;
  }
  .blocks_carriere ul,
  #block-views-block-homepage-carriere-block-1 ul {
  list-style-type: none;
  padding: 0;
  }
  .blocks_carriere .carriere-block-odd,
  #block-views-block-homepage-carriere-block-1 .carriere-block-odd {
  position: absolute;
  background-color: #e6e6e6;
  width: 50%;
  padding: 5em 6em 5em 20%;
  z-index: 0;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge .carriere-block-odd {
  padding: 60px 5% 60px 10%;
  margin: 0;
  }
  .blocks_carriere .carriere-block-odd #block-bloc-carriere-chez-nexter .field--name-field-titre{
    font-size: 36px;
    font-family: "hind-bold";
    padding-bottom:50px;
    line-height:36px;
  }
  .blocks_carriere .carriere-block-odd #block-bloc-carriere-chez-nexter .field--name-body{
    font-size: 14px;
    font-family: "hind-regular";
    padding-bottom:50px;
    color: #303030;
  }
  .blocks_carriere .carriere-block-odd #block-bloc-carriere-chez-nexter .field--name-field-lien a{
    color: #282728;
    font-family: "hind-regular";
    font-size: 20px;
    border:1px solid #303030;
    padding: 10px 30px;
    text-decoration: none;
  }
  .blocks_carriere video,
  #block-views-block-homepage-carriere-block-1 video {
  max-width: 100%;
  }
  .blocks_carriere h3,
  #block-views-block-homepage-carriere-block-1 .titre-carriere-odd span,
  #block-views-block-homepage-carriere-block-1 .titre-carriere-even span {
  display: block;
  font-size: 36px;
  color: #282728;
  font-family: "Hind-regular";
  }
  .blocks_carriere .carriere-block-even h3 {
  color: #fff;
  }
  .blocks_carriere .titre-carriere-odd span:nth-child(2),
  .blocks_carriere .titre-carriere-even span:nth-child(2),
  #block-views-block-homepage-carriere-block-1 .titre-carriere-odd span:nth-child(2),
  #block-views-block-homepage-carriere-block-1 .titre-carriere-even span:nth-child(2) {
  /* font-weight: bold; */
  font-family: "Hind-bold";
  }
  .blocks_carriere .view-id-sousblock_opportunite_pour_carriere ul li,
  #block-views-block-homepage-carriere-block-1 .view-id-sousblock_opportunite_pour_carriere ul li {
  position: relative;
  background-color: #fff;
  padding: 1em 5em 1em 2em;
  margin-top: 2em;
  }
  .blocks_carriere .view-id-sousblock_opportunite_pour_carriere ul li:after,
  #block-views-block-homepage-carriere-block-1 .view-id-sousblock_opportunite_pour_carriere ul li:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-image: url('../images/icone-carriere.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 35px;
  right: 17px;
  }

  .blocks_carriere .annonce-titre,
  #block-views-block-homepage-carriere-block-1 .annonce-titre {

  font-size: 16px;
  color: #303030;
  font-family: "Hind-regular";
  font-weight: 300;

  }

  .blocks_carriere .annonce-sous-titre,
  .blocks_carriere .annonce-titre,
  #block-views-block-homepage-carriere-block-1 .annonce-sous-titre,
  #block-views-block-homepage-carriere-block-1 .annonce-titre {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 2px;
  }
  .blocks_carriere .annonce-sous-titre,
  #block-views-block-homepage-carriere-block-1 .annonce-sous-titre {
  margin-bottom: 1em;
  font-weight: bold;
  }

  .blocks_carriere .annonce-localisation,
  #block-views-block-homepage-carriere-block-1 .annonce-localisation {
  font-style: italic;
  }

  .blocks_carriere .annonce-body,
  #block-views-block-homepage-carriere-block-1 .annonce-body {
  margin: 1em 0;
  font-size: 18px;
  color: #303030;
  font-family: "Lato-Regular";
  }

  .blocks_carriere .row-more a,
  .blocks_carriere a.more,
  #block-views-block-homepage-carriere-block-1 .more-link a,
  .view-id-sousblock_video_pour_carriere .view-footer a {
  float: left;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  color: #282728;
  font-family: "Hind-regular";
  padding: 0.7em 1em;
  border: 1px solid #282728;
  width: auto;
  margin-top: 2em;
  }
  .blocks_carriere .carriere-block-even .row-more a,
  .blocks_carriere .carriere-block-even a.more,
  .view-id-sousblock_video_pour_carriere .view-footer a{
  border: 1px solid #fff;
  color: #fff;
  }
  .blocks_carriere .row-more {
  float: left;
  width: 100%;
  }
  .blocks_carriere a.more:hover {
  text-decoration: none;
  }




  /* ********* sousblock-carriere-VIDEO  */

  .blocks_carriere .carriere-block-even,
  #block-views-block-homepage-carriere-block-1 .carriere-block-even {
  position: relative;
  float: right;
  margin-top: 10%;
  padding: 5em 18em 5em 13em;
  background-color: #b80202;
  color: #fff;
  width: 55%;
  z-index: -1;
  }
  .blocks_carriere.paragraph_gauche_gris_droite_rouge .carriere-block-even {
  padding: 60px 10% 60px 10%;
  }
  .blocks_carriere .carriere-block-even::after,
  #block-views-block-homepage-carriere-block-1 .carriere-block-even::after {
  content: "";
  position: absolute;
  left: -545px;
  bottom: 8%;
  width: 545px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  display: block;
  height: 50%;
  z-index: 0;
  }
  .blocks_carriere .titre-carriere-even,
  .blocks_carriere .titre-carriere-even span,
  #block-views-block-homepage-carriere-block-1 .titre-carriere-even,
  #block-views-block-homepage-carriere-block-1 .titre-carriere-even span {
  color: #fff;
  }
  .blocks_carriere .views-field.views-field-title,
  #block-views-block-homepage-carriere-block-1 .views-field.views-field-title {
  margin: 1.5em 0;
  font-size: 26px;
  }
  .blocks_carriere .views-field.views-field-body,
  #block-views-block-homepage-carriere-block-1 .views-field.views-field-body {
  font-size: 14px;
  margin-bottom: 2em;
  }

  .blocks_carriere .carriere-block-even .more-link a,
  #block-views-block-homepage-carriere-block-1 .carriere-block-even .more-link a{

  color: #fff;
  border: 1px solid #fff;
  }


  /* ******************************************************************************************************************************************* */
  /* NOS ENGAGEMENTS */
  /* ********************************************************************************************************************************************* */

  #block-views-block-entete-nos-engagements-block-1 {
  min-height: 100vh;
  }
  #block-views-block-entete-nos-engagements-block-1 img {
  min-height: 100vh;
  }
  #block-views-block-entete-nos-engagements-block-1 .engagement-scroller {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 85%;
  cursor: pointer;
  margin-left: calc(100vw/2);
  transform: translateX(-50%);
  background-image: url('../images/scroller_presse.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  }
  #entete-de-page-base {
  position: relative;
  }
  #entete-de-page-base img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  }
  .entete-inner-div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.4);
  color: #fff;
  width: 48%;
  padding-left: 15%;
  padding-bottom: 3em;
  padding-right: 2em;
  }
  /* .entete-inner-div > h1 {
  } */
  #block-views-block-entete-nos-engagements-block-1 .entete-titre {
  font-family: "hind-regular";
  color: #fff;
  }
  #block-views-block-entete-nos-engagements-block-1 .entete-sous-titre p {
  font-family: "hind-regular";
  width: 70%;
  margin-bottom: 1em;
  }
  #block-views-block-entete-nos-engagements-block-1 .entete-body-contenu p{
  font-family: 'Lato-Regular', sans-serif;
  font-size: 18px;
  }
  .nos-engagements .paragraph_texte_2_colonnes a{
    color: #b80202;
  }
  .view-nos-engagements .item-list {
  position: relative;
  }
  .view-nos-engagements .item-list ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: -50px;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 102%;
  }
  .view-nos-engagements .item-list ul::after {
  display: block;
  clear: both;
  content: "";
  position: relative;
  left: 49.9%;
  bottom: -1px;
  width: 50%;
  border-bottom: 2px solid #303030;
  padding-bottom: 50px;
  }

  .field--name-field-historique .field--item:nth-child(even) .date {
  order: 2;
  display: inline-block;
  }
  .view-nos-engagements ul {
  padding: 0;
  }
  .view-nos-engagements li {
  list-style-type: none;
  }


  .engagement-container {
  position: relative;
  margin-top: 0;
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  }
  .paragraph_engagements {
  float: left;
  width: 100%;
  margin: 15px 0;
  padding: 25px 0;
  position: relative;
  }
  .paragraph_engagements::before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0px;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 100%;
  }
  .paragraph_engagements::after {
  content: '';
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0px;
  width: 50%;
  border-top: 2px solid #303030;
  display: block;
  height: 1px;
  }
  .paragraph_engagements .paragraph_engagement {
  float: left;
  width: 100%;
  margin: 25px 0;
  }
  .paragraph_engagements .field--item:nth-child(even) .text_contenu  {
  order: 2;
  display: inline-block;
  }
  .paragraph_engagements .field--item:nth-child(even) .col_image  {
  order: 1;
  display: inline-block;
  }
  .paragraph_engagements .field--item:nth-child(odd) .text_contenu {
  order: 1;
  }
  .paragraph_engagements .field--item:nth-child(odd) .col_image {
  order: 2;
  }
  .paragraph_engagements .field--item .engagement-titre-article {
  float: left;
  background-color: #e6e6e6;
  text-align: left;
  padding: 45px 45px 45px calc(10% + 80px);
  width: calc(50% - 60px);
  font-size: 36px;
  color: #303030;
  font-family: "hind-bold";
  text-transform: uppercase;
  margin: 0;
  position: relative;
  z-index: 3;
  }
  .paragraph_engagements .field--item:nth-child(even) .engagement-titre-article {
  float: right;
  padding: 45px 45px 45px 45px;
  }
  .paragraph_engagements .engagement-contenu-article {
  position: relative;
  width: 80%;
  height: auto;
  min-height: calc(100% + 60px);
  background-color: #b80202;
  color: #fff;
  font-family: "hind-regular";
  padding: 90px 110px 60px 80px;
  margin-left: 20%;
  margin-top: -60px;
  z-index: 2;
  font-size: 16px;
  }
  .paragraph_engagements .field--item:nth-child(even) .engagement-contenu-article {
  margin-left: 0;
  padding: 90px 80px 60px 110px;
  }
  .paragraph_engagements .engagement-contenu-article .body {
  /*max-height: 400px;*/
  overflow-y: auto;
  }
  .paragraph_engagements .engagement-sous-titre-article {
  font-size: 24px;
  color: #fff;
  font-family: "Hind-regular";
  margin-bottom: 20px;
  margin-top: 0;
  }
  .paragraph_engagements .col_image .field--name-field-image-ou-video {
  float: left;
  width: calc(80% + 60px);
  height: 100%;
  margin-left: -60px;
  }
  .paragraph_engagements .field--item:nth-child(even) .col_image .field--name-field-image-ou-video {
  float: right;
  margin-left: unset;
  margin-right: -60px;
  }
  .paragraph_engagements .col_image .field--name-field-image-ou-video::before {
  content: '';
  height: calc(100% + 60px);
  width: 50%;
  background-color: #b80202;
  position: absolute;
  z-index: 1;
  margin-top: -60px;
  left: -2px;
  }
  .paragraph_engagements .field--item:nth-child(even) .col_image .field--name-field-image-ou-video::before{
  left: unset;
  right: -2px;
  }
  .paragraph_engagements .col_image .field--name-field-image-ou-video .paragraph_image_ou_video {
  position: relative;
  z-index: 2;
  height: 100%;
  }
  .paragraph_engagements .col_image .field--name-field-image-oparagraph_engagementu-video .row {
  height: 100%;
  }
  .paragraph_engagements .col_image .field--name-field-image-ou-video .field {
  float: left;
  width: 100%;
  height: 100%;
/*  display: flex;*/
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  }

  .paragraph_engagements .col_image .field--name-field-image-ou-video .field img,
  .paragraph_engagements .col_image .field--name-field-image-ou-video .field video,
  .paragraph_engagements .col_image .field--name-field-image-ou-video .field iframe {
  width: 100%;
  height: auto;
  }
  .paragraph_engagements .field--item:nth-child(odd) .engagement-image-article,
  .view-nos-engagements li:nth-child(odd) .engagement-image-article {
  position: absolute;
  top: 110px;
  right: 33%;
  transform: translateX(50%);
  display: block;
  width: 800px;
  height: 560px;
  }
  .paragraph_engagements .field--item:nth-child(even) .engagement-image-article,
  .view-nos-engagements li:nth-child(even) .engagement-image-article {
  position: absolute;
  top: 110px;
  left: -10%;
  transform: translateX(50%);
  display: block;
  width: 800px;
  height: 560px;
  }

  .engagement-footer-body {
  position: relative;
  font-family: "Hind-regular";
  width: 70%;
  margin: 0 auto;
  column-count: 2;
  column-gap: 40px;
  column-gap: 5em;
  padding: 4em 7% 3em;
  width: 70%;
  margin: 0 auto;
  }

  .view-nos-engagements-footer .views-row {
  padding: 4em 0;
  }
  .view-nos-engagements-footer .views-row:nth-child(even) {
  background-color: #303030;
  }

  .view-nos-engagements-footer h1 {
  font-size: 27px;
  padding-left: 22%;
  margin-bottom: 1.3em;
  }
  .view-nos-engagements-footer .views-row:nth-child(even) h1 {
  color: #fff;
  }

  .view-nos-engagements-footer .views-row:nth-child(odd) .engagement-footer-body{
  background-color: #303030;
  color: #fff;
  }
  .view-nos-engagements-footer .views-row:nth-child(odd) .engagement-footer-body p{
  color: rgba(255, 255, 255, 0.7);
  }
  .view-nos-engagements-footer .views-row:nth-child(even) .engagement-footer-body{
  background-color: #fff;
  }

  .view-nos-engagements-footer  .views-field-nothing {
  position: relative;
  padding: 5em 0;
  overflow: hidden;
  z-index: 0;
  }

  .view-nos-engagements-footer .views-field-nothing::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50px;
  width: 50%;
  border-top: 2px solid #303030;
  border-right: 2px solid #303030;
  display: block;
  height: 130%;
  }
  .view-nos-engagements-footer .views-row:nth-child(even) .views-field-nothing::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  }

  .view-nos-engagements-footer  .views-field-nothing::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  width: 50%;
  border-bottom: 2px solid #303030;
  display: block;
  height: 100%;
  }
  .view-nos-engagements-footer  .views-row:nth-child(even) .views-field-nothing::after {
  border-bottom: 2px solid #fff;
  }
  .engagement-footer-body::after{
  display: block;
  content: "";
  position: absolute;
  width: 70%;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
  background-color: #b80202;
  height: 100px;
  z-index: -1;
  }
  .engagement-footer-body h1,
  .engagement-footer-body h2,
  .engagement-footer-body h3,
  .engagement-footer-body h4,
  .engagement-footer-body h5,
  .engagement-footer-body h6 {
  margin-top: 0;
  margin-bottom: 1em;
  font-family: "Hind-regular";

  }



  /* ******************************************************************************************************************************************* */
  /* PAGE FILIALE -- RIGHT-LEFT-MENU */
  /* ********************************************************************************************************************************************* */

  .region-left-menu {
  margin-top: 17%;
  }




  /* ******************************************************************************************************************************************* */
  /* PAGE FILIALE -- RIGHT-CONTAINER-FILIALES */
  /* ********************************************************************************************************************************************* */

  .header_filiales {
  display: flex;
  position: relative;
  z-index: 1;
  padding-top: 90px;
  }
  .header_filiales::before {
    content: "";
    position: absolute;
    left: 5%;
    top: 35%;
    width: 85%;
    border: 2px solid #303030;
    border-right: none;
    display: block;
    height: 90%;
    z-index: -10;
    border-bottom: none;
  }
  .header_filiales .titre-filale {
  padding-top: 20%;
  padding-left: 20%;
  }
  .header_filiales h1 {
  font-size: 30px;
  color: #303030;
  font-family: "Hind-bold";
  font-weight: bold;
  text-transform: uppercase;
  /*position: absolute;*/
  /*margin-top: 228px;
  margin-left: 293px;*/
  z-index: 10;
  }
  .header_filiales img {
  width: 100%;
  }
  .content_filiales {
  padding-left: 10%;
  padding-bottom: 50px;
  padding-top: 80px;
  width: 90%;
  position: relative;
  z-index: 2;
  }
  .page-node-type-nos-services .content_filiales,
  .page-node-type-nos-filiales .content_filiales {
  width: 95%;
  }
  .content_filiales h2 {
  padding-top: 20px;
  font-size: 30px;
  color: #303030;
  font-family: "Hind-bold";
  font-weight: bold;
  margin-bottom: 1em;
  }
  .main-block-filiale {
  display: flex;
  justify-content: space-between;
  }
  .main-block-filiale .region-content {
  width: 90%
  }
  .right-container-filiales {
  padding-top: 50px;
  }

  .right-container-filiales .cover-img-cont {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 4em;
  }

  .right-container-filiales .cover-img-cont img {
  min-width: 90%;
  }
  .header_filiales::after {
  display: block;
  content: "";
  position: absolute;
  width: 50%;
  right: 0;
  bottom: -15px;
  background-color: #b80202;
  height: 30px;
  z-index: 0;
  }


  .right-container-filiales .container-onglets {
  margin-top: 2em;
  width: 85%;
  }
  .container-onglets .nav.mobile {
  display: none;
  }
  .right-container-filiales #myTab {
  border-bottom: none;
  margin-bottom: 2em;
  }
  #myTab .nav-item > .nav-link {
  text-decoration: none;
  color:  #303030;
  font-family: "Hind-Regular";
  font-size: 18px;
  }
  .container-onglets h3,
  .container-onglets .field--label,
  .container-onglets h2 {
  font-size: 30px;
  color: #303030;
  font-family: "Hind-bold";
  font-weight: bold;
  margin: 20px 0;
  }
  .container-onglets h2 .title-filiale {
  text-transform: uppercase;
  }
  .container-onglets .nav-tabs > li {
  margin-right: 1.5em;
  }
  .container-onglets .nav-tabs > li > a {
  display: block;
  border: none;
  transition: all 0.3 ease;
  }
  .container-onglets .nav-tabs > li > a:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #303030;
  height: 5px;
  bottom: 0;
  left: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  }
  .container-onglets .nav-tabs > li:hover > a:after,
  .container-onglets .nav-tabs > li.active > a:after {
  transition: all 0.3 ease;
  content: "";
  position: absolute;
  width: 100%;
  background-color: #b80202;
  height: 5px;
  bottom: 0;
  left: 0;
  }
  .container-onglets .nav-tabs > li > a:before {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #b80202 transparent transparent transparent;
  opacity: 0;
  }
  .container-onglets .nav-tabs >  li:hover > a:before,
  .container-onglets .nav-tabs > li.active > a:before {
  opacity: 1;
  }

  .container-onglets .nav-tabs > li.active > a,
  .container-onglets .nav-tabs > li.active > a:hover,
  .container-onglets .nav-tabs > li.active > a:focus {
  background-color: transparent !important;
  }
  .container-onglets .nav > li > a:hover,
  .container-onglets .nav > li > a:focus {
  background-color: transparent !important;
  }
  .container-onglets .nav-tabs > li.active > a,
  .container-onglets .nav-tabs > li.active > a:hover,
  .container-onglets .nav-tabs > li.active > a:focus {
  background-color: transparent !important;
  border: none;
  }


  .container-onglets .atouts .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  .container-onglets .atouts .view-content .views-row {
  width: 48%;
  }
  .container-onglets .atouts .view-filters.form-group,
  #offres .view-filters.form-group {
  display: none;
  }

  .container-onglets .atouts .atout {
  display: flex;
  flex-direction: column;
  border: 1px solid #000;
  /* width: 50%; */
  text-align: center;
  padding: 2em;
  margin-bottom: 16px;
  }
  .container-onglets .atouts .field--item:nth-child(even) > div {
  padding-left: 8px;
  padding-right: 0;
  }
  .container-onglets .atouts .field--item:nth-child(odd) > div {
  padding-right: 8px;
  padding-left: 0;
  }
  .container-onglets .atouts .atout .icone {
  text-align: center;
  padding: 0px 0 10px 0;
  }
  .container-onglets .atouts .atout .icone img {
  margin: auto;
  width: auto;
  height: 50px;
  float: none;
  }
  .container-onglets .atouts .atout .texte {
  min-height: 40px;
  }
  .container-onglets .produit-cont{
  color: #f8f8f8;
  font-size: 16px;
  font-family: "Hind-light";
  display: flex;
  }
  .produit-cont {
  margin-bottom: 40px;
  }
  .produit-cont .body-cont {
  background-color: #303030;
  padding: 2em 3em;
  width: 60%;
  }
  .produit-cont .img-cont {
  width: 40%;
  background-color: lightgray;
  }
  .produit-cont .img-cont .image-nos-offres {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  background: #fff;
  }
  .produit-cont .titre-nos-offres {
  font-size: 24px;
  font-family: "Hind-bold";
  font-weight: bold;
  margin-bottom: 1em;
  }
  .produit-cont .titre-nos-offres a {
  text-decoration: none;
  color: #f8f8f8;
  }
  .produit-cont .soustitre-nos-offres {
  margin-bottom: 0.5em;
  }
  .produit-cont a {
  text-decoration: none;
  color: #f8f8f8;
  cursor: pointer;
  border: 1px solid #f8f8f8;
  width: 60%;
  float: right;
  margin-top: 2em;
  text-align: center;
  padding: 0.5em;
  }
  /* ___________________ */
  #actu .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  #actu .views-row {
  width: 47%;
  margin-bottom: 2em;
  }
  #actu .view-filters.form-group .form-item.js-form-item.form-type-select.js-form-type-select.form-item-groupe.js-form-item-groupe.form-group {
  display: none;
  }
  .page-node-type-nos-services .form-inline,
  .view-sousblock-actualites-pour-filiales .form-inline {
  float: right;
  }
  .page-node-type-nos-services .view-header,
  .view-sousblock-actualites-pour-filiales .view-header {
  color: #fff;
  background-color: #303030;
  display: flex;
  padding: 0 20px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 50px;
  }
  .page-node-type-nos-services .view-header-filters,
  .view-sousblock-actualites-pour-filiales .view-header-filters {
  margin-bottom: 30px;
  }
  .page-node-type-nos-services .form-inline .form-control,
  .view-sousblock-actualites-pour-filiales .form-inline .form-control {
  border-radius: 0;
  }
  .page-node-type-nos-services .form-inline .control-label,
  .view-sousblock-actualites-pour-filiales .form-inline .control-label {
  display: none;
  }
  #views-exposed-form-block-actualites-pour-services-block-1,
  #views-exposed-form-sousblock-actualites-pour-filiales-block-1 {
  display: block;
  background-color: #303030;
  padding: 0.5em 0;
  height: 50px;
  }
  #edit-submit-block-actualites-pour-services,
  #actu #edit-submit-sousblock-actualites-pour-filiales {
  background-color: transparent;
  color: #fff;
  border: none;
  }
  .actu-cont {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  /* background-color: #303030;
  padding: 2em 3em; */
  }
  .inner-actu-cont {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #303030;
  padding: 2em 3em;
  color: #fff;
  font-size: 16px;
  }
  .inner-actu-cont .titre-actu {
  font-family: "hind-bold";
  margin-top: 0;
  color: #f8f8f8;
  }
  .inner-actu-cont .groupe-actu {
  text-transform: uppercase;
  text-decoration: underline;
  font-style: italic;
  font-size: 14px;
  }
  .inner-actu-cont a {
  font-family: "Hind-Regular";
  border: 1px solid #f8f8f8;
  margin: 1em 0;
  padding: 1em 2em;
  text-decoration: none;
  color: #f8f8f8;
  width: 60%;
  text-align: center;
  font-size: 16px;
  }
  /* ___________________ */

  #contact input,
  #contact select,
  #contact textarea,
  #webform-submission-contact-add-form input,
  #webform-submission-contact-add-form select,
  #webform-submission-contact-add-form textarea {
  border-radius: 0;
  background-color: #e6e6e6;
  border: none;
  }
  #contact label {
  display: none;
  }
  #contact .form-item-captcha-response label {
  display: block;
  }
  #contact .form-item-civilite  {
  width: 50%;
  }
  #contact .select-wrapper::after {
  color: #333;
  }
  #edit-flexbox-01 {
  display: flex;
  flex-direction: column;
  }
  #edit-flexbox-01 .form-item-sujet-de-votre-demande {
  width: 50%;
  margin-bottom: 1.5em;
  }
  #webform-submission-formulaire-filiales-add-form #edit-actions {
  display: flex;
  justify-content: flex-end;
  }
  #webform-submission-formulaire-filiales-add-form #edit-actions-submit {
  color: #333;
  background-color: transparent;
  border-radius: 0;
  border: 1px #333 solid;
  text-transform: uppercase;
  width: 205px;
  font-family: "hind-Regular";
  font-size: 18px;
  margin-right: 0;
  }
  #contact .webform-button--submit,
  #webform-submission-contact-add-form .webform-button--submit {
  background-color: #b80202;
  border: 1px solid #b80202;
  border-radius: 0;
  font-family: "hind-regular";
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  width: auto;
  margin: auto;
  padding: 10px 15px;
  float: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  #contact .webform-button--submit:hover,
  #webform-submission-contact-add-form .webform-button--submit:hover  {
  background-color: #fff;
  color: #b80202;
  }
  /* ******************************************************************************************************************************************* */
  /* PAGE PRESSE */
  /* ********************************************************************************************************************************************* */
  body.path-espace-presse,
  body.page-espace-presse,
  body.page-enespace-presse,
  body.page-enpress-room,
  .page-node-type-espace-presse{
  background-image: url(../images/objet-dynamique-vectoriel.png);
  background-repeat: no-repeat;
  min-height: 333px;
  background-size: 100%;
  background-position-y: 60vh;
  }
  body.path-espace-presse,
  body.page-espace-presse,
  body.page-enespace-presse,
  body.page-enpress-room{
  background-position-y: 70vh;
  overflow-x: hidden;
  }
  .page-node-type-espace-presse #main {
  background-image: url(../images/bg_bottom_presse.png);
  background-repeat: no-repeat;
  min-height: 333px;
  background-size: 100%;
  background-position: bottom;
  }
  .container-intro-espace-presse,
  .content-page-espace-presse{
  min-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .container-intro-espace-presse .bloc-intro-espace-presse,
  .content-page-espace-presse .bloc-intro-page-presse {
  padding: 0;
  margin-top: -100px;
  width: auto;
  }
  .container-intro-espace-presse .bloc-intro-espace-presse .body p {
  font-size: 18px;
  color: #303030;
  font-family: "hind-regular";
  font-weight: 300;
  column-count: 2;
  }
  .content-page-espace-presse h3 {
  color: #303030;
  font-family: "hind-semibold";
  font-size: 36px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 40px;
  }

  .content-page-espace-presse .img-back-header {
  display: none;
  }
  .path-espace-presse .link-scroll a,
  .page-espace-presse .link-scroll a,
  .page-enespace-presse .link-scroll a,
  .page-enpress-room .link-scroll a
  .content-page-espace-presse .link-scroll a {
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 20px 10px;
  }

  .container-principal-espace-presse {
  display: flex;
  background-color: rgba(255,255,255,0.6);
  }
  .container-left-bloc {
  padding-top: 9em;
  padding-bottom: 9em;
  }
  .container-right-bloc {
  padding-top: 9em;
  padding-left: 0;
  margin-right: 14em;
  background-color: rgba(124, 124, 124,0.2);

  }
  #contenu-presse .moments-fort,
  #contenu-presse .container-presse-social {
  padding-left: 0;
  overflow-x: hidden;
  }
  .container-field-com-presse {
  padding-left: 2em;;
  }
  .page-node-type-espace-presse .field.field--name-field-media.field--type-image.field--label-hidden.field--item {
  margin-bottom: 8em;
  }


  /* slider */



  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal {
  max-width: 835px;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .img-responsive {
  min-width: 835px;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-prev {
  left: 25px;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-next {
  right: 25px;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-pagination {
  position: relative;
  margin-top: 3em;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-pagination-bullet {
  border: 1px solid #000;
  background: transparent;
  opacity: 1;
  width: 0.8em;
  height: 0.8em;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-pagination-bullet-active {
  background: #000;
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-prev,
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 36px;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  }


  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-prev  {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAmAgMAAACqghPMAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAMUExURQAAAP///////////zjAO6gAAAAEdFJOUwCA/38BOOzFAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAM0lEQVQoz2MAAbZVK8G01KolYDpr1QQQxbhqlQMJ0lYU6UZIb0BWBheHqYPpGxAFq1YCAL6dONvjP2bwAAAAAElFTkSuQmCC');
  }
  .page-node-type-espace-presse .swiper-container.swiper-container-horizontal .swiper-button-next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAmAgMAAACqghPMAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAMUExURQAAAP///////////zjAO6gAAAAEdFJOUwCA/38BOOzFAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAANElEQVQoz2PIWjWBAQSkVi0B02yrVoJpxlWrHMCMAVTAB6Vh4lB1MH1sxEqvoUg3kjQDAwCVTTir1teqsAAAAABJRU5ErkJggg==');
  }

  /* ******************************************************************************************************************************************* */
  /* PAGE LOGIN */
  /* ********************************************************************************************************************************************* */

  .path-user .region.region-content {
  /* margin-top: 150px; */
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  .path-user #user-login-form {
  width: 50%;
  margin: 0 auto;
  }
  .paragraph_header_intro {
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  float: left;
  width: 100%;
  height: 76vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }
  .paragraph_header_intro img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  }
  .paragraph_header_intro .texte-bloc {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(53% - 56px);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 100px 50px 50px 10%;
  margin-bottom: 35px;
  }
  .paragraph_header_intro .texte-bloc .lien-intro-header {
    margin-top: 20px;
  }
  .paragraph_header_intro .texte-bloc h1 {
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 30px;
  }
  .paragraph_header_intro .texte-bloc .texte {
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  }
  .field--name-field-image-ou-video-texte {
  margin-top: 25px;
  padding-bottom: 90px;
  position: relative;
  padding: 0 10%;
  }
  .field--name-field-image-ou-video-texte::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  border-top: 1px solid #b80202;
  border-right: 1px solid #b80202;
  border-bottom: none;
  display: block;
  height: 100%;
  }
  .field--name-field-image-ou-video-texte::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 50%;
  /*border-top: 2px solid #b80202;*/
  height: 2px;
  }
  .field--name-field-lien-header-intro a {
    width: 267px;
    height: 55px;
    background-color: #b80202;
    color: #ffffff !important;
    font-family: "hind-regular";
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    padding: 8px 30px;
  }
  .paragraph_image_ou_video {
  float: left;
  width: 100%;
  display: block;
  }
  .paragraph_image_ou_video img,
  .paragraph_image_ou_video video,
  .paragraph_image_ou_video iframe {
  width: 100%!important;
  max-width: 100%!important;
  float: left;
  }
  .paragraph_media .paragraph_image_ou_video img,
  .paragraph_media .paragraph_image_ou_video video {
  height: auto!important;
  }
  .paragraph_media_bgred_centred .paragraph_image_ou_video iframe,
  .paragraph_media .paragraph_image_ou_video iframe {
  height: 70vh!important;
  }
  .paragraph_image_ou_video_texte {
  padding-top: 50px;
  padding-left: 0px;
  padding-right: 0px;
  }
  .paragraph_media_bgred_centred {
  float: left;
  width: 100%;
  padding: 90px 15%;
  background-color: #b70101;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc {
  background-image: url(../images/barre-rouge--article-1--.png);
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-size: 85% 20%;
  position: relative;
  padding: 30px 0 15px 0;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc.container-texte-bloc-left {
  background-position-x: right;
  }
  .paragraph_image_ou_video_texte .img-right img {
  float: right;
  width: 100%;
  }
  .paragraph_image_ou_video_texte .img-left img {
  float: left;
  width: 100%;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc .texte-bloc {
  background-color: #282728;
  padding: 50px 75px;
  /*max-height: 350px;*/
  position: relative;
  z-index: 10;
  width: 120%;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc .left-bloc {
  left: 0%;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc .right-bloc {
  right: 20%;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc .scroll_texte {
  overflow-y: auto;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc h2 {
  font-family: "hind-semibold";
  font-size: 28px;
  font-weight: 400;
  padding-bottom: 35px;
  color: #fff;
  text-transform: uppercase;
  }
  .paragraph_image_ou_video_texte .container-texte-bloc p {
  color: #ffffff;
  font-family: "hind-light";
  font-size: 18px;
  font-weight: 300;
  }

  .paragraph_titre_texte .title {
  font-size: 36px;
  line-height: 50px;
  color: #303030;
  font-family: "hind-regular";
  text-transform: uppercase;
  }
  .paragraph_titre_texte .texte {
  font-size: 18px;
  color: #303030;
  font-family: "hind-regular";
  }



  .page-node-type-carriere-metier .ttl_desc_img_princ {
  display: flex;
  overflow: hidden;
  padding-bottom: 100px;
  }
  .page-node-type-carriere-metier .ttl_desc_img_princ .col_1 {
  float: left;
  width: 60%;
  }
  .page-node-type-carriere-metier .ttl_desc_img_princ .col_2 {
  float: left;
  width: 40%;
  }
  .page-node-type-carriere-metier .title_description_container {
  background-color: #e6e6e6;
  float: left;
  width: 100%;
  }
  .page-node-type-carriere-metier .title_description {
  background-color: #e6e6e6;
  padding: 50px 75px;
  width: calc((1170px / 2));
  margin-right: calc((100% / 6));
  float: right;
  }
  .page-node-type-carriere-metier .title_description h1 {
  font-family: "hind-regular";
  font-size: 36px;
  line-height: 50px;
  color: #303030;
  text-transform: uppercase;
  padding-bottom: 20px;
  }
  .page-node-type-carriere-metier .title_description .field--name-body {
  color: #303030;
  font-family: "hind-regular";
  font-size: 18px;
  font-weight: 400;
  }
  .page-node-type-carriere-metier .image_principale {
  width: 100%;
  height: 100%;
  position: relative;
  }
  .page-node-type-carriere-metier .image_principale::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 75px;
  left: calc(((100% / 4) * -1) + 60px);
  width: 150%;
  height: 135px;
  background-color: #b80202;
  }
  .page-node-type-carriere-metier .image_principale::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 120px;
  left: 60%;
  width: 100%;
  height: calc(100% - 75px);
  background-color: transparent;
  border: 1px solid #282728;
  }
  .page-node-type-carriere-metier .image_principale img {
  position: absolute;
  z-index: 3;
  top: 100px;
  left: calc((100% / 4) * -1);
  width: 100%;
  height: auto;
  }
  .page-node-type-carriere-metier .profil_container{
  float: right;
  padding: 0px 75px 50px 75px;
  width: calc((1170px / 2));
  margin-top: -30px;
  }
  .page-node-type-carriere-metier .video_container {
  float: right;
  padding: 0 0 60px 0;
  width: calc((1170px / 2));
  position: relative;
  }
  .page-node-type-carriere-metier .video_container::before {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: 40px;
  right: 25%;
  width: 150%;
  height: 135px;
  background-color: #b80202;
  }
  .page-node-type-carriere-metier .video_container::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 90px;
  right: 25%;
  width: 150%;
  height: 135px;
  background-color: transparent;
  border: 1px solid #282728;
  }
  .page-node-type-carriere-metier .video_container video,
  .page-node-type-carriere-metier .video_container iframe {
  width: 100%!important;
  height: 350px!important;
  position: relative;
  z-index: 3;
  }
  .page-node-type-carriere-metier .missions_container{
  float: left;
  padding: 30px 75px 50px 75px;
  width: calc((1170px / 2));
  margin-right: calc((100% / 5));
  }
  .page-node-type-carriere-metier .content_bottom {
  display: flex;
  margin-bottom: 60px;
  overflow: hidden;
  }
  .page-node-type-carriere-metier .missions_container::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: -1px;
  width: 150%;
  height: 135px;
  background-color: transparent;
  border-left: 1px solid #282728;
  border-bottom: 1px solid #282728;
  }

  .page-node-type-carriere-metier .navigation_metiers {
  padding: 30px 75px 50px 0px;
  width: calc((1170px / 2));
  }
  .page-node-type-carriere-metier .navigation_metiers .prev_metier {
  float: left;
  font-size: 18px;
  line-height: 23px;
  color: #303030;
  font-family: "hind-regular";
  padding-left: 30px;
  background-image: url('../images/prev.png');
  background-size: auto 23px;
  background-position: left center;
  background-repeat: no-repeat;
  }
  .page-node-type-carriere-metier .navigation_metiers .next_metier {
  float: right;
  font-size: 18px;
  line-height: 23px;
  color: #303030;
  font-family: "hind-regular";
  padding-right: 30px;
  background-image: url('../images/next.png');
  background-size: auto 23px;
  background-position: right center;
  background-repeat: no-repeat;
  }

  .page-ennos-metiers .view-content,
  .page-nos-metiers .view-content,
  .page-enour-job .view-content {
  float: left;
  width: 100%;
  position: relative;
  padding: 30px 0;
  }
  .page-ennos-metiers .view-content::before,
  .page-nos-metiers .view-content::before,
  .page-enour-job .view-content::before{
  content: '';
  width: 100px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(50% - 50px);
  background-color: #b80202;
  }
  .page-ennos-metiers .view-content .views-row:nth-child(odd),
  .page-nos-metiers .view-content .views-row:nth-child(odd),
  .page-enour-job .view-content .views-row:nth-child(odd) {
  float: left;
  position: relative;
  z-index: 2;
  }
  .page-ennos-metiers .view-content .views-row:nth-child(even),
  .page-nos-metiers .view-content .views-row:nth-child(even),
  .page-enour-job .view-content .views-row:nth-child(even) {
  float: right;
  position: relative;
  z-index: 2;
  }
  .page-ennos-metiers .row_nos_metiers,
  .page-nos-metiers .row_nos_metiers,
  .page-enour-job .row_nos_metiers {
  padding: 30px 50px;
  background-color: #303030;
  float: left;
  margin: 10px 5px;
  }
  .page-ennos-metiers .row_nos_metiers .nom_metier,
  .page-nos-metiers .row_nos_metiers .nom_metier,
  .page-enour-job .row_nos_metiers .nom_metier {
  font-size: 30px;
  color: #ffffff;
  font-family: hind-semibold;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  margin-left: 0;
  min-height: 90px;
  padding-bottom: 5px;
  padding-top: 5px;
  }
  .page-ennos-metiers .row_nos_metiers .nom_metier a,
  .page-nos-metiers .row_nos_metiers .nom_metier a,
  .page-enour-job .row_nos_metiers .nom_metier a {
    color: #ffffff;
  }
    .page-ennos-metiers .row_nos_metiers .nom_metier a:hover,
    .page-nos-metiers .row_nos_metiers .nom_metier a:hover,
    .page-enour-job .row_nos_metiers .nom_metier a:hover {
    color: #b80202;
    text-decoration: none;
  }
  .page-ennos-metiers .row_nos_metiers .body,
  .page-nos-metiers .row_nos_metiers .body,
  .page-enour-job .row_nos_metiers .body {
  font-size: 18px;
  color: #ffffff;
  font-family: "hind-regular";
  margin-bottom: 30px;
  float: left;
  width: 100%;
  text-align: center;
  min-height: 105px
  }
  .page-ennos-metiers .row_nos_metiers .link,
  .page-nos-metiers .row_nos_metiers .link,
  .page-enour-job .row_nos_metiers .link {
  float: left;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  }
  .page-ennos-metiers .row_nos_metiers .link a,
  .page-nos-metiers .row_nos_metiers .link a,
  .page-enour-job .row_nos_metiers .link a {
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 50px;
  color: #ffffff;
  font-family: hind-regular;
  padding: 11px 30px;
  margin: auto;
  }
  .page-ennos-metiers .row_nos_metiers .link a:hover,
  .page-nos-metiers .row_nos_metiers .link a:hover,
  .page-enour-job .row_nos_metiers .link a:hover {
  text-decoration: none;
  }
  .views-element-container {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  }
  .page-node-type-nos-filiales-presentation .views-element-container .block-title {
  display: none;
  }
  .view-decouvrez-nos-metiers {
  position: relative;
  margin-bottom: 50px;
  }
  .view-decouvrez-nos-metiers::before {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  border-top: 1px solid #303030;
  border-right: 1px solid #303030;
  }
  .bloc-introduction-qsn .contextual {
  top: 150px;
  }
  .bloc-introduction-qsn:hover .contextual .contextual-links {
  display: block;
  background-color: rgba(24, 24, 24, 0.8);
  }
  .bloc-introduction-qsn:hover .contextual .contextual-links a {
  color: #fff;
  }
  .view-decouvrez-nos-metiers .pager {
  position: relative;
  z-index: 2;
  background-color: #f8f8f8;
  }
  .view-decouvrez-nos-metiers .pager li > a {
  background-image: url(../images/scroller.png);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center 18px;
  border: 1px solid #303030;
  border-radius: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  width: 62px;
  height: 62px;
  background-color: #f8f8f8;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  }
  .view-decouvrez-nos-metiers .pager li > a:hover {
  background-position: center 20px;
  }
  .view-decouvrez-nos-metiers h2 {
  width: 39%;
  margin-left: 10%;
  font-size: 36px;
  color: #303030;
  font-family: hind-regular;
  text-transform: uppercase;
  padding: 30px 0;
  }

  .view-sousblock-video-pour-carriere .paragraph_video video,
  .view-sousblock-video-pour-carriere .paragraph_video iframe {
  width: 100%!important;
  height: 350px!important;
  position: relative;
  z-index: 3;
  }


  .path-nos-opportunites .view-content {
  float: left;
  width: 100%;
  position: relative;
  padding: 30px 0;
  }
  .path-nos-opportunites .title_container {
  padding: 35px 10%;
  background-color: #fff;
  position: relative;
  }
  .path-nos-opportunites .title_container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  border-top: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
  display: block;
  height: 100%;
  z-index: 1;
  }
  .path-nos-opportunites .title_container h2 {
  font-family: "Hind-bold";
  font-size: 36px;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  color: #4c4c4c;
  }
  .path-nos-opportunites .filter_resume {
  padding: 10px;
  }
  .path-nos-opportunites .view-header {
  font-size: 18px;
  font-family: hind-regular;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-align: right;
  }

  .row_opportunites {
  background-color: #fff;
  padding: 20px;
  float: left;
  margin: 10px;
  font-family: hind-regular;
  }
  .view-display-id-block_1 .row_opportunites {
  margin: 10px 0;
  }
  .row_opportunites .lien a,
  .row_opportunites .lien_contenu {
  width: 40px;
  height: 40px;
  background-image: url(../images/icone-carriere.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 35px;
  margin-right: 0;
  float: right;
  text-indent: -9999px;
  }
  .row_opportunites .nom_opportunite {
  width: 100%;
  font-size: 26px;
  font-family: hind-semibold;
  margin-bottom: 0;
  margin-top: 15px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  text-align: left;
  margin-left: 0;
  }
  .row_opportunites.block_home .nom_opportunite {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
  }
  .row_opportunites .filiale {
  width: 100%;
  font-size: 20px;
  font-family: hind-regular;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-transform: uppercase;
  text-align: left;
  margin-left: 0;
  }
  .row_opportunites.block_home .filiale {
  font-size: 16px;
  margin-bottom: 0px;
  }
  .row_opportunites .body {
  width: 100%;
  font-size: 14px;
  font-family: hind-regular;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  text-align: left;
  }
  .row_opportunites.block_home .filiale {
  font-size: 14px;
  margin-bottom: 0px;
  }
  .row_opportunites .location {
  width: 100%;
  font-size: 14px;
  font-family: hind-light;
  font-style: italic;
  float: left;
  width: 100%;
  text-align: left;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters {
  margin-top: 50px;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-control {
  border-radius: 0;
  border-color: transparent;
  font-size: 18px;
  color: #282828;
  box-shadow: none;
  background-color: #f8f8f8;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-select {
  text-align: center;
  height: 40px;
  }
  .select-wrapper:after {
  color: #282828;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-item {
  margin-right: 20px;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-item-title {
  margin-left: 10px;
  margin-right: 0px;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-text {
  border-color: #282828;
  margin-right: 10px;
  height: 40px;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-actions {
  float: right;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-actions .btn {
  margin-right: 0;
  width: 40px;
  height: 40px;
  background-color: #b80202;
  position: relative;
  border-radius: 0;
  color: transparent;
  }
  .view-sousblock-opportunite-pour-carriere .view-filters .form-actions .btn:after {
  color: #f8f8f8;
  content: '\25b6';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -.5em;
  padding-right: 0;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 10;
  }
  .paragraph_image_ou_video img,
  .paragraph_image_ou_video video,
  .paragraph_image_ou_video iframe {
  max-width: 100% !important;
  }

  /* Page acceuil -- Bloc newsletter */
  section#block-simplenewssubscription, section#block-abonnementsimplenews {
  background: linear-gradient(to bottom, #e6e6e6 50%,#303030 50%);
  }
  section#block-abonnementsimplenews {
  float: left;
  width: 100%;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter {
  display: flex;

  align-items: center;
  width: 1120px;
  height: 90px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  color: white;
  background-color: #d80000;
  }

  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-subscriptions-wrapper,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-subscriptions-wrapper {
  /* div vide */
  display: none;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter > input,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter > input {
  /* inputs vides */
  display: none;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-message,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-message {

  width: 245px;
  margin-left: 225px;
  margin-right: 20px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 35px;
  text-align: right;
  }

  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper {
  margin-top: 15px;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div label.control-label.js-form-required.form-required,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div label.control-label.js-form-required.form-required {
  /* label */
  display: none;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div input#edit-mail-0-value,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div input#edit-mail-0-value {
  /* input */
  width: 365px;
  height: 60px;
  border: 1px solid white;
  border-right: 0;
  border-radius: 0;
  padding-left: 60px;
  background: transparent url("/sites/default/files/images/icone-enveloppe_0.png") no-repeat 20px center;
  color: white;
  }

  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div input#edit-mail-0-value::placeholder,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-mail-wrapper div input#edit-mail-0-value::placeholder {
  margin-left: 50px;
  color: white;
  font-style: italic;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions,  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions,  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2 {
  width: 34px;
  height: 60px;
  border: 1px solid white;
  margin-top: 0;
  border-left: 0;
  background-size: cover;
  }

  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions button#edit-subscribe, section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2 button#edit-subscribe,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions button#edit-subscribe, section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2 button#edit-subscribe {
  width: 29px;
  height: 29px;
  margin-top: 3px;
  font-size: 0;

  border-left: 0;
  border-radius: 0;
  background-size: cover;
  background-color: transparent;
  border: 0;
  }
  section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions button#edit-subscribe::before, section#block-simplenewssubscription form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2 button#edit-subscribe::before,
  section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions button#edit-subscribe::before, section#block-abonnementsimplenews form#simplenews-subscriptions-block-simplenews-nexter div#edit-actions--2 button#edit-subscribe::before {
  display: block;
  width: 51px;
  height: 47px;
  content: "OK";
  text-transform: uppercase;
  color: #b80202;
  font-size: 16px;
  text-align: center;
  background-color: white;
  z-index: 3;
  line-height: 47px;
  margin-left: -35px;
  margin-top: -4px;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover
  textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
  background-color: transparent !important;
  background-image: none !important;
  color: white !important;
  }


  /* Alerte newsletter */
  div.alert.alert-success.alert-dismissible, div.alert.alert-danger.alert-dismissible {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 860px;
  z-index: 10;
  }
  div.alert.alert-danger.alert-dismissible {
  top: 65% !important;
  }

  /* *** Page espace presse *** */
  .path-espace-presse div.region.region-content,
  .page-enespace-presse div.region.region-content,
  .page-espace-presse div.region.region-content {
  display: block;
  color: #303030;
  }

  /* 1. Nexter participe à Eurosatory */
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content {
  /* Date */
  font-size: 18px;
  }
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content p {
  /* Paris */
  float: left;
  }
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content p:nth-child(1) {
  /* Paris */
  text-transform: uppercase;
  }
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content p:nth-child(2) {
  /* Paris */
  margin-left: 5px;
  margin-right: 5px;
  }
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content h1 {
  clear: left;
  margin-bottom: 25px;

  letter-spacing: 1px;
  font-size: 48px;
  }
  .block-espace-presse.form-group div.view-espace-presse-page span.field-content p:nth-child(3) {
  /* Salon international  */
  font-family: "hind-light";
  font-size: 48px;
  font-weight: lighter;
  line-height: 40px;
  margin-bottom: 50px;
  }
  .block-espace-presse.form-group div.kitpresse {
  /* Div rouge téléchargement  */
  clear: left;
  display: block;
  width: 460px;
  padding: 22px 28px;
  background-color: #b80202;
  }
  .block-espace-presse.form-group div.kitpresse a {
  display: inline-block;
  text-transform: uppercase;
  color: white;
  }

  /* 2. Vue d'ensemble */
  .path-espace-presse section#block-views-block-espace-presse-content-block-1 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  margin-bottom: 90px;
  }
  .path-espace-presse section#block-views-block-espace-presse-content-block-1 div.views-field.views-field-title {
  /* Titre */
  margin-bottom: 40px;
  }
  .path-espace-presse section#block-views-block-espace-presse-content-block-1 div.views-field.views-field-title span.field-content {
  font-size: 25px;
  font-weight: bold;
  }
  .path-espace-presse section#block-views-block-espace-presse-content-block-1 div.views-field.views-field-body {
  /* Paragraphe */
  margin-bottom: 44px;
  }

  /* 3. Slider */
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  margin-bottom: 90px;
  }

  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 h2,
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div.slide__caption {
  /* Titre h2 + Chart 450 */
  margin-bottom: 40px;
  font-family: "hind-bold";
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div.slide__caption {
  /* Chart 450 */
  font-size: 16px;
  font-family: "hind-bold";
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div.slide__caption p {
  /* sous-titre */
  font-size: 16px;
  font-family: "hind-light";
  }

  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div.slide__caption img {
  width: 100%;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1 ul.slick-dots {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  text-align: center;
  list-style: none;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1-slider ul[role="tablist"] li {
  width: 12px;
  height: 12px;
  margin-right: 10px;
  background-color: transparent;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: pointer;
  transform: scale(1);
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1-slider ul[role="tablist"] li:last-child {
  margin-right: 0;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1  div#slick-views-espace-presse-slider-block-1-1-slider ul[role="tablist"] .slick-active {
  background-color: #333;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1-slider ul[role="tablist"] li button{
  display: none;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div.slick.slick--view--espace-presse-slider.slick--view--espace-presse-slider--block-1.slick--optionset--default.slick--initialized {
  position: relative;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1  div#slick-views-espace-presse-slider-block-1-1 nav.slick__arrow {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1 nav.slick__arrow button.slick-prev.slick-arrow, .path-espace-presse section#block-views-block-espace-presse-slider-block-1  div#slick-views-espace-presse-slider-block-1-1 nav.slick__arrow button.slick-next.slick-arrow {
  width: 28px;
  height: 38px;
  margin-left: 50px;
  font-size: 0;
  border: 0;
  background: transparent url("/sites/default/files/images/scroller_presse_l.png") no-repeat top left;
  background-size: cover;
  }
  .path-espace-presse section#block-views-block-espace-presse-slider-block-1 div#slick-views-espace-presse-slider-block-1-1 nav.slick__arrow button.slick-next.slick-arrow {
  margin-right: 50px;
  background: transparent url("/sites/default/files/images/scroller_presse_r.png") no-repeat top left;
  }

  /* 4. Accreditation */
  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
  margin-bottom: 90px;
  }
  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 div.views-field.views-field-body {
  margin-bottom: 30px;
  }
  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 div.views-field.views-field-title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 40px;
  }

  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 div.form-group div.field-content p:last-child a:first-child,
  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 div.form-group div.field-content p:last-child a:last-child {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  width: auto;
  padding: 20px;
  margin-bottom: 25px;
  background-color: #333;
  border: 1px solid #333;
  }
  .path-espace-presse section#block-views-block-espace-presse-accreditation-block-1 div.form-group div.field-content p:last-child a:last-child {
  margin-bottom: 0;
  color: #333;
  text-transform: uppercase;
  background-color: white;
  }

  /* 5. Moments forts */
  .path-espace-presse section#block-views-block-espace-presse-les-moments-forts-block-1 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  background-color: rgba(238, 238, 238, .7);
  }
  .path-espace-presse section#block-views-block-espace-presse-les-moments-forts-block-1 h2.block-title {
  margin-left: 20px;
  margin-bottom: 50px;
  font-size: 25px;
  font-weight: bold;
  font-family: "hind-bold";
  text-transform: uppercase;
  }
  .path-espace-presse section#block-views-block-espace-presse-les-moments-forts-block-1 div.views-field.views-field-title span.field-content {
  font-weight: bold;
  }
  .path-espace-presse section#block-views-block-espace-presse-les-moments-forts-block-1 div.form-group div.views-row {
  padding-left: 15px;
  border-left: 10px solid #b80202;
  }

  /* 6. Communique de presse */
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  padding-right: 20px;
  background-color: rgba(238, 238, 238, .7);
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 h2.block-title {
  margin-left: 20px;
  margin-bottom: 50px;
  font-size: 25px;
  font-weight: bold;
  font-family: "hind-bold";
  text-transform: uppercase;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-field-date-article {
  /* date */
  width: 50%;

  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-field-date-article div.field-content {
  width: 107px;
  padding-bottom: 10px;
  padding-left: 15px;
  border-bottom: 5px solid #333;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-field-kit-presse-evenement {
  /* Téléchargemet */
  width: 50%;
  text-align: right;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-field-kit-presse-evenement a {
  /* Téléchargemet */
  color: black;
  text-decoration: underline;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-title {
  /* nexter savir-faire */
  width: 100%;
  margin-top: 25px;
  padding-left: 20px;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-title span.field-content {
  color: #333;
  font-weight: bold;
  }
  .path-espace-presse section#block-views-block-espace-presse-communique-de-presse-block-1 span.field-content div.views-field.views-field-body {
  /* text*/
  padding-left: 20px;
  }

  /* *** Page path-nos-produits *** */
  div.nosProduits {
  margin-top: 0px;
  margin-bottom: 150px;
  }
  .catalogue {
    background-image: url(../images/fond_red_actus.png);
    background-position-y: 50%;
    background-size: 1920px 120px;
    background-repeat: no-repeat;
  }

  div.nosProduits div.titleProduits {
  width: 65%;
  height: 8vw;
  transform: translateX(-142px);
  padding-left: 20.5vw;
  padding-top: 60px;
  padding-bottom: 60px;
  border: 2px solid #303030;
  border-left: 0;
  border-bottom: 0;
  }

  div.nosProduits div.titleProduits h1 {
  margin: 0;
  padding: 0;
  font-size: 30px;
  letter-spacing: 0;
  }

  div.nosProduits div.textLink {
  display: grid;
  grid-template-columns: 570px 455px;
  grid-column-gap: 95px;

  justify-content: center;

  width: 95%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4vw;
  padding-bottom: 4vw;

  background-color: #303030;
  color: white;
  }
  div.nosProduits div.textLink div.besoin {
  grid-column: 1 /2;
  grid-row: 1 / 2;

  padding-bottom: 75px;
  border-bottom: 2px solid white;
  }

  div.nosProduits div.textLink div.besoin > h2 p {
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  font-size: 24px;
  color: white;
  font-family: "hind-bold";
  letter-spacing: 1px;
  }
  div.nosProduits div.textLink div.besoin > p {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: "hind-light";
  line-height: 22px;
  }
  div.nosProduits div.textLink div.besoin p:nth-child(2),
  div.nosProduits div.textLink div.besoin p:nth-child(4)  {
  display: none;
  }

  div.nosProduits div.textLink div.restons-contact {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  padding-top: 75px;
  }
  div.nosProduits div.textLink div.restons-contact > h2 > p {
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
  padding: 0;
  font-size: 24px;
  color: white;
  font-family: "hind-bold";
  letter-spacing: 1px;
  }
  div.nosProduits div.textLink div.restons-contact > p {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: "hind-light";
  line-height: 22px;
  }
  div.nosProduits div.textLink div.restons-contact a {
  display: inline-block;
  padding: 15px 25px;
  text-decoration: none;
  font-size: 18px;
  font-family: "hind-light";
  border: 1px solid white;
  background-color: transparent;
  color: white;
  margin-top: 20px;
  }
  div.nosProduits div.textLink div.restons-contact a:hover {
  background-color: white;
  color: black;
  }
  div.nosProduits div.textLink div.droiteImg {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  position: relative;
  }
  div.nosProduits div.textLink div.droiteImg a .field--name-field-image,
  div.nosProduits div.textLink div.droiteImg a {
  width: 100%;
  height: 100%;
  display: block;
  }
  div.nosProduits div.textLink div.droiteImg a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  div.nosProduits div.textLink div.droiteImg a::before {
  display: block;
  position: absolute;
  content: "";
  width: 110px;
  height: 86px;
  background: transparent url("/sites/default/files/images/arrow-inside-rec.png") no-repeat center center;
  top: calc(50% - 43px);
  left: calc(50% - 55px);
  /*transform: translate(-50%, 386%);*/
  z-index: 8;
  }

  /* *** Page les filiales *** */
  /* side left gray */
  div.menuFiliales {
  width: 34vw;
  max-width: 640px;
  margin-bottom: 155px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #303030;
  color: white;
  position: absolute;
  z-index: 2;
  top: -40px;
  }
  div.menuFiliales > ul {
  list-style: none;
  }
  .view-decouvrez-les-filiales-nexter.view-display-id-block-2 h3,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_2 h3,
    .view-decouvrez-les-filiales-nexter.view-display-id-block-4 h3,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_4 h3 {
  margin-top: 75px;
  width: 100%;
  padding-left: 40%;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  }
  .view-decouvrez-les-filiales-nexter.view-display-id-block-2 h3:first-child,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_2 h3:first-child,
  .view-decouvrez-les-filiales-nexter.view-display-id-block-4 h3:first-child,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_4 h3:first-child {
  margin-bottom: 0;
  }
  .view-decouvrez-les-filiales-nexter.view-display-id-block-2 h3::before,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_2 h3::before,
  .view-decouvrez-les-filiales-nexter.view-display-id-block-4 h3::before,
  .view-decouvrez-les-filiales-nexter.view-display-id-block_4 h3::before {
  display: block;
  position: absolute;
  content: "";
  width: 38%;
  height: 5px;
  background-color: #b80202;
  top: 12px;
  left: 0;
  }

  div.menuFiliales > ul > li > ul {
  margin-left: 13vw;
  list-style: none;
  }
  .view-decouvrez-les-filiales-nexter .views-row {
  margin-top: 22px;
  padding-left: 40%;
  }

  .view-decouvrez-les-filiales-nexter .views-row a {
  display: block;
  width: 290px;
   padding: 9px 30px;
  line-height: 28px;
  margin-bottom: 40px;
  border: 1px solid white;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: white;
  list-style: none;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
  }
  .view-decouvrez-les-filiales-nexter .views-row a.active,
  .view-decouvrez-les-filiales-nexter .views-row a:hover,
  .view-decouvrez-les-filiales-nexter .views-row .field-content.active a{
  background-color: #b80202;
  border: 1px solid #b80202;
  }


  /* *** catalogue *** */
  div.view.view-catalogue {
  margin-top: 0px;
  background-color: #303030;
  margin-bottom: 0px;
  padding: 50px;
  }
  .paragraph_bandeau_black_text_image {
  float: left;
  width: 100%;
  margin: 90px 0;
  position: relative;
  }
  .paragraph_bandeau_black_text_image .container-titre {
  float: left;
  width: 100%;
  }
  .paragraph_bandeau_black_text_image .container-titre .titre {
  float: left;
  width: 50%;
  padding: 60px 2% 60px 10%;
  border: 2px solid #303030;
  border-left: 0;
  border-bottom: 0;
  font-family: "hind-bold";
  font-size: 42px;
  text-transform: uppercase;
  margin: 0;
  }
  .paragraph_bandeau_black_text_image .row_container {
  position: relative;
  z-index: 2;
  float: left;
  width: 80%;
  margin: 0 10%;
  padding: 70px 5%;
  background-color: #303030;
  color: #fff;
  }
  .paragraph_bandeau_black_text_image .row_text {
  float: left;
  width: 100%;
  position: relative;
  }
  .paragraph_bandeau_black_text_image .row_text::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 180px;
  top: calc(50% - 90px);
  left: 0;
  z-index: -1;
  background-color: #b80202;
  }
  .paragraph_bandeau_black_text_image .sous_titre {
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  font-size: 24px;
  color: white;
  font-family: "hind-bold";
  letter-spacing: 1px;
  }
  .paragraph_bandeau_black_text_image .body {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: "hind-light";
  line-height: 22px;
  }
  .paragraph_bandeau_black_text_image .lien a {
  display: inline-block;
  padding: 15px 25px;
  text-decoration: none;
  font-size: 18px;
  font-family: "hind-light";
  border: 1px solid white;
  background-color: transparent;
  color: white;
  }
  .paragraph_bandeau_black_text_image .lien a:hover {
  background-color: white;
  color: #303030;
  }
  .paragraph_bandeau_black_text_image .col_image img {
  width: 100%;
  height: auto;
  }
  .paragraph_bandeau_black_text_image .col_image,
  .paragraph_bandeau_black_text_image .col_text_contenu {
  float: left;
  width: 50%;
  padding: 0 2%;
  }
  .filiales_menu.mobile,
  .filiales_mobile {
  display: none;
  }

  header.header_404 {
  background-color: #e2e2e7;
  }
  .container_404 {
  background-color: #e2e2e7;
  background-image: url(../images/404.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  min-height: 500px;
  float: left;
  width: 100%;
  padding-top: 70vh;
  padding-bottom: 50px;
  text-align: center;
  }
  .container_404 .texte {
  width: 400px;
  margin: auto;
  display: block;
  padding-bottom: 50px;
  }

  .container_404 .texte .title {
  padding: 15px 0;
  font-size: 32px;
  font-family: "hind-regular";
  }
  .container_404 .texte .description1,
  .container_404 .texte .description2 {
  padding-bottom: 15px;
  font-size: 15px;
  font-family: "hind-light";
  }
  .container_404 .texte .description2 {
  padding-bottom: 50px;
  }
  .container_404 .texte .description2 a {
  color: #b80202;
  text-decoration: underline;
  }
  .container_404 .texte a.btn-gohome {
  clear: both;
  color: #303030;
  font-family: "hind-light";
  font-size: 16px;
  font-weight: 500;
  width: 349px;
  border: 1px solid #303030;
  padding: 10px 20px;
  }
  .container_404 .texte a.btn-gohome:hover {
  text-decoration: none;
  }
  .path-search .search-form,
  .path-search h2 {
  width: 100%;
  background-color: transparent;
  margin: auto;
  padding: 35px 10% 15px 10%;
  margin-bottom: 0px;
  display: block;
  clear: both;
  }
  .path-search h2 {
  color: #303030;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  }
  .path-search .search-help-link {
  display: none;
  }
  .path-search .region.region-content > ol {
  width: 100%;
  background-color: transparent;
  margin: auto;
  padding: 15px 10% 15px 10%;
  padding-left: calc(10% + 25px);
  }
  .path-search .region.region-content > ol.breadcrumb {
  padding-left: 10%;
  }
  .path-search .region.region-content form .input-group,
  .path-search .region.region-content form .form-item {
  float: left;
  width: 100%;
  }
  .path-search .region.region-content form .form-search {
  width: calc(100% - 40px);
  border-radius: 0;
  }
  .path-search .region.region-content .input-group-btn,
  .path-search .region.region-content .input-group-btn button.button.js-form-submit.form-submit.btn-primary.btn.icon-only {
  display: block;
  position: relative;
  z-index: 2;
  float: left;
  }
  .path-search .region.region-content .input-group-btn button.button.js-form-submit.form-submit.btn-primary.btn.icon-only {
  padding: 8px 12px;
  }
  .path-search .region.region-content > ol li,
  .path-search .region.region-content > ol h3 a {
  color: #303030;
  line-height: 30px;
  font-family: "hind-bold";
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 15px;
  }
  .path-search .region.region-content > ol.breadcrumb li,
  .path-search .region.region-content > ol.breadcrumb h3 a {
  font-weight: normal;
  line-height: normal;
  font-size: 16px;
  font-family: "hind-regular";
  padding-bottom: 0;
  text-transform: none;
  }
  .path-search .region.region-content > ol p {
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: "hind-light";
  line-height: 22px;
  text-transform: none;
  }
  .block.bloc_type_general {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  }
  }
  /*page carriere */
  /*************************
  bloc introduction
  *************************/
  .page-carriere .menu-main-nav .navbar-nav >li a{
  color: #fff!important;
  /*background-color: transparent!important;*/
  }
  .page-carriere .lang-dropdown-select-element,
  .page-carriere .lang-dropdown-select-element:after{
    color: #fff!important;
  }
  .content-page-carriere{
    clear: both;
  }
  .content-page-carriere .swiper-pagination-bullets .swiper-pagination-bullet{
    background-color: #fff;
    opacity: 1;
  }
  .content-page-carriere .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #b80202;
  }
/*  .carriere-intro-header .paragraph_header_intro .paragraph_img{
  filter: none;
  }*/
  .carriere-intro-header .paragraph_header_intro .texte-bloc .title h1{
  font-weight: 500;
  text-transform: uppercase;
  color: #b80202;
  font-size: 36px;
  padding-bottom: 0px;
  }
  .carriere-intro-header .paragraph_header_intro .texte-bloc .titre-princiapl{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 30px;
  text-transform: uppercase;
  line-height: 38px;
  }
  .carriere-intro-header .paragraph_header_intro .texte-bloc .texte{
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  }
  .carriere-intro-header .paragraph_header_intro .texte-bloc .lien-intro-header a{
  width: 267px;
  height: 55px;
  background-color: #b80202;
  color: #ffffff;
  font-family: "hind-regular";
  font-size: 22px;
  font-weight: 400;
  text-decoration: none;
  padding: 8px 30px;
  }
  .carriere-intro-header .paragraph_header_intro .texte-bloc .lien-intro-header{
  margin-top: 20px;
  }
/*  .carriere-intro-header .paragraph_header_intro .texte-bloc{
  margin-bottom: 50px;
  }*/
  /*************************************
  bloc raisons de nous rejoindre
  *************************************/
  .bloc-recrutements {
  background-color: #fff;
  position: relative;
  }
  .bloc-recrutements h2.titre{
  color: #303030;
  font-family: "hind-regular";
  font-size: 36px;
  text-transform: uppercase;
  padding-left: 15%!important;
  margin-bottom: 0px;
  margin-top: 40px;
  padding-top: 60px;
  border: 1px solid #303030;
  width: 65%;
  }
  .bloc-recrutements h2.titre strong{
    font-family: "hind-bold"
  }
  .bloc-recrutements h2.titre p{
  margin-bottom: 50px;
  }
  .bloc-recrutements .content-recrutements-lettres .container-titre .titre{
  color: #f8f8f8;
  font-family: "hind-semibold";
  font-size: 34px;
  }
  .bloc-recrutements .content-recrutements-lettres{
  padding-left: 15%!important;
  background-color: #b80202;
  padding-bottom: 50px;
  padding-top: 50px;
  min-height: 532px;
  position: relative;
  z-index: 2;
  margin-top: -20px;
  }
  .bloc-recrutements .content-recrutements-lettres .content-raison-recrutement .field--item{
  color: #f8f8f8;
  font-size: 18px;
  font-family: "hind-regular";
  line-height: 25px;
  background-image: url("/sites/default/files/images/puce_1.png");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: 5px;
  padding-left: 20px;
  padding-bottom: 45px;
  }
  .bloc-recrutements .content-recrutements-lettres .content-raison-recrutement .field--item strong{
    font-family: "hind-semibold";
  }
  .bloc-recrutements .content-recrutements-chiffres{
  background-color: #e6e6e6;
  padding-bottom: 50px;
  padding-top: 50px;
  min-height: 532px;
  margin-top: 50px;
  position: absolute;
  right: 0px;
  bottom: -60px;
  z-index: 1;
  width: 52%;
  }
  .bloc-recrutements .content-recrutements-chiffres .field--name-field-statistique-de-recrutement{
  padding-left: 140px;
  }
  .bloc-recrutements .content-recrutements-chiffres .content-icone{
  float: left;
  padding-right: 20px;
  margin-top: 10px;
  }
  .bloc-recrutements .content-recrutements-chiffres .paragraph_recrutement_en_chiffre{
  margin-bottom: 50px;
  }
  .bloc-recrutements .content-recrutements-chiffres .content-chiffres{
  font-family: "hind-medium";
  font-size: 25px;
  font-weight: 500;
  }
  .bloc-recrutements .content-recrutements-chiffres .content-texte{
  font-family: "hind-light";
  font-weight: 300;
  }
  /*************************************
  bloc temoignages
  *************************************/
  .bloc-temoignages{
  background-color: #303030;
  padding-top: 150px!important;
  padding-bottom: 100px!important;
  }
  .bloc-temoignages .swiper-slide{
  background-color: #303030;
  }
  .bloc-temoignages h2.titre{
  color: #ffffff;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 15%;
  margin-bottom: 70px;
  }
  .bloc-temoignages .slide_content{
  background-color: #b80202;
  float: left;
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 60%;
  padding-top: 30px;
  text-align: left;
  padding-left: 15px;
  }
  .bloc-temoignages h3.titre{
  font-family: "hind-bold";
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
  }
  .bloc-temoignages .field_body{
  font-family: "hind-light";
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
  }
  .bloc-temoignages .paragraph_image_ou_video{
  width: 900px;
  }
  .bloc-temoignages .paragraph_temoignage{
  position: relative;
  z-index:3;
  margin-bottom: 160px;
  }
/*  .bloc-temoignages .swiper-button-next{
    background-image: url(../images/fleche_droite.png)!important;
  }
  .bloc-temoignages .swiper-button-prev{
    background-image: url(../images/fleche_gauche.png)!important;
  }*/
  .bloc-temoignages .swiper-pagination.swiper-pagination-bullets{
    text-align: left;
    padding-left: 16%;
    bottom: 80px;
  }
  .paragraph_temoignages::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: block;
    height: 50%;
    margin-top: 120px;
  }

  /*************************************
  bloc politiques-rse
  *************************************/
  .bloc-politiques-rse{
  background-color: #e6e6e6;
  padding-left: 15%!important;
  padding-top: 140px!important;
  padding-bottom: 140px!important;
  }
  .bloc-politiques-rse .container-titre .titre{
  color: #303030;
  font-family: "hind-bold";
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 70px;
  }
  .bloc-politiques-rse .content-atouts_politiques_rse .titre{
  font-family: "hind-bold";
  font-size: 24px;
  color: #303030;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 8px;
  width: 60%;
  }
  .bloc-politiques-rse .content-atouts_politiques_rse .texte{
  font-family: "hind-light";
  font-size: 18px;
  color: #303030;
  width: 60%;
  }
  .bloc-politiques-rse .content-atouts_politiques_rse .icone{
  min-height: 60px;
  }
  .bloc-politiques-rse .paragraph_politiques_rse .paragraph_atouts_politiques_rse{
  margin-bottom: 50px;
  }
  /*************************************
  bloc politiques-rse
  *************************************/
  .block-views-blockdomaine-d-expertise-block-nos-metiers,
  .block-views-blockdomaine-d-expertise-block-nos-metiers-en{
  background-color: #303030;
  }
  .bloc-nos-metiers-carriere .view-content{
  padding-left: 15%;
  padding-right: 15%;
  }
  .bloc-nos-metiers-carriere .view-header{
  font-size: 36px;
  color: #fff;
  margin-top: 100px;
  text-transform: uppercase;
  }
  .bloc-nos-metiers-carriere .view-header strong{
  text-transform: uppercase;
  }
  .bloc-nos-metiers-carriere .view-header h2{
  line-height: 36px;
  }
  .bloc-nos-metiers-carriere .view-header h2{
  width: 50%;
  padding-left: 15%;
  padding-top: 60px;
  border: 1px solid #ffff;
  border-left: 0;
  border-bottom: 0;
  margin-bottom: 0px;
  padding-bottom: 50px;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier{
  margin-bottom: 40px;
  padding-left: 0px;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier{
  background-color: #fff;
  min-height: 520px;
  padding: 30px;
  max-width: 400px;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .titre{
  font-size: 24px;
  font-family: "hind-bold";
  margin-bottom: 10px;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .body{
  font-size: 18px;
  font-family: "hind-regular";
  margin-bottom: 30px;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .metiers .titre-des-metiers{
  font-size: 18px;
  font-family: "hind-bold";
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .metiers ul>li{
  list-style: none;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .metiers ul{
  padding-left: 0px!important;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .metiers ul>li a{
  font-size: 18px;
  font-family: "hind-light";
  text-decoration: none;
  color: #030303;
  }
  .bloc-nos-metiers-carriere .container-bloc-nos-metier .content-bloc-nos-metier .metiers ul>li a:hover{
  color: #b80202;
  }
  .bloc-nos-metiers-carriere .view-footer{
  clear: both;
  text-align: center;
  padding-top: 40px;
  }
  .bloc-nos-metiers-carriere .view-footer a{
  background-color: #b80202;
  padding:10px 50px;
  color: #fff;
  text-decoration: none;
  font-size: 22px;
  font-family: "hind-regular";

  }
  .block-views-blockdomaine-d-expertise-block-nos-metiers,
  .block-views-blockdomaine-d-expertise-block-nos-metiers-en{
  background-image: url(../images/fond_red_actus.png);
  background-position-y: 58%;
  background-size: 1920px 208px;
  background-repeat: no-repeat;
  }
  .bloc-nos-metiers-carriere .view-content .views-row:nth-child(4),
  .bloc-nos-metiers-carriere .view-content .views-row:nth-child(5){
  position: relative;
  left: 15%;
  }
  /*page nos metiers*/
  .navigation-flech{
  min-height: 100px;
  }
  .lien-offre-metier-carriere{
  margin-top: 50px;
  margin-bottom: 50px;
  }
  .lien-offre-metier-carriere a{
  padding: 15px 30px;
  font-size: 15px;
  font-family: "Lato";
  border:1px solid #303030;
  color: #303030;
  font-family: "hind-regular";
  }
  .page-node-type-carriere.page-carriere .menu-main-nav .navbar-nav >li a{
  color: #fff!important;
  }
  .page-node-type-carriere.page-carriere .menu-main-nav .navbar-nav >li a.is-active{
  color: #b80202!important;
  }
  .menu-main-nav .navbar-nav .last a{
    border:1px solid #fff;
  }
  .sticky #navbar .last a{
    border:1px solid #303030;
  }
  .menu-main-nav .navbar-nav .dropdown-menu .last a,
  .sticky .navbar-nav .dropdown-menu .last a{
    border: none!important;
  }
  .partage-imprime{
    float: right;
    display: flex;
    margin-top: 30px;
    margin-right: 50px;
  }
  .partage-imprime .imprimer{
    margin-right: 20px;
  }
  /*cookie*/
  div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab{
    background-color: #b80202;
  }
  .eu-cookie-compliance-buttons .decline-button{
    display: inline-block;
  }
  .eu-cookie-compliance-message h2,
  .eu-cookie-compliance-message p,
  .eu-cookie-compliance-more-button,
  .eu-cookie-compliance-secondary-button{
    font-family: "lato";
  }
  .eu-cookie-compliance-message h2{
    font-size: 16px!important;
    text-transform: initial;
    margin-left: 0px;
    width: 100%;
  }
  #cookieChoiceInfo a{
    margin-left: 50px!important;
  }
  #cookieChoiceInfo a#cookieChoiceDismiss {
    margin-left: 15px!important;
  }
  #cookieChoiceInfo{
    height: 40px;
    padding-top: 10px!important;
  }

 /***************************************
      Slider et image de fond bloc header
  ***************************************/

  .home_slide .img-mobile,
  .paragraph_header_intro .img-mobile{
    display: none;
  }
  .home_slide .img-desktop,
  .paragraph_header_intro .img-desktop{
    display: block;
  }

  /*nos produits*/
.nosProduits .content-bloc .titre-de-bloc{
    width: 65%;
    height: auto;
    transform: translateX(-142px);
    padding-left: 20.5vw;
    padding-top: 30px;
    padding-bottom: 40px;
    border: 2px solid #303030;
    border-left: 0;
    border-bottom: 0;
}
.nosProduits .content-bloc .paragraph_slider,
.nosProduits .content-bloc .catalogue,
.paragraph--type--image-ou-video-texte-container,
.paragraph--type--atouts,
.paragraph--type--bandeau-black-text-image,
.paragraph--type--blocs-image,
.paragraph--type--bloc-rouge-gauche,
.paragraph--type--carroussel,
.paragraph--type--engagement,
.paragraph--type--gauche-gris-droite-rouge,
.paragraph--type--catalogue,
.paragraph--type--header-intro,
.paragraph--type--image-ou-video-texte-container,
.paragraph--type--atouts-politique-rse,
.paragraph--type--media,
.paragraph--type--media-bgred-centred,
.paragraph--type--nexter-en-chiffres,
.paragraph--type--slider,
.paragraph--type--texte-2-colonnes,
.paragraph--type--titre-texte-media,
.paragraph--type--vignettes,
.paragraph--type--opportunites{
  margin-bottom: 120px;
}
/*menu filial*/
.content_filiales ul{
  border:none;
  margin-left: 30px;
}
.content_filiales .nav-tabs > li{
  margin-right: 1.5em;
}
.content_filiales .nav-tabs > li> a,
.content_filiales .nav-tabs > li.active > a,
.content_filiales .nav-tabs > li.active > a:hover,
.content_filiales .nav-tabs > li.active > a:focus{
  border:none;
  background-color: transparent;
  text-decoration: none;
  color: #303030;
  font-family: "Hind-Regular";
  font-size: 18px;
  border-bottom: 5px solid #303030;
}
.content_filiales .nav-tabs > li.active > a,
.content_filiales .nav-tabs > li > a:hover{
  border-bottom: 5px solid #b80202!important;
}
.content_filiales .nav-tabs > li > a:before{
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #b80202 transparent transparent transparent;
  opacity: 0;
}
.content_filiales .nav-tabs > li:hover > a:before,
.content_filiales .nav-tabs > li.active > a:before{
  opacity: 1;
}
/*.content_filiales ul>li{
  text-transform: uppercase;
}*/
.bloc-body-image{
  margin-top: 50px!important
}
.bloc-body-image .body{
  font-family: "hind-regular";
  color: #303030;
  font-size: 18px;
}
.bloc-body-image .image-video{
  margin-top: 30px;
}
.paragraph--type--contact form .webform-button--submit{
  background-color: #b80202;
  border: 1px solid #b80202;
  border-radius: 0;
  font-family: "hind-regular";
  color: #fff;
  font-size: 18px;
  line-height: 20px;
  width: auto;
  margin: auto;
  padding: 10px 15px;
  float: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
/*bloc catalogue  nos produits */
.paragraph_bloc_catalogue_produit{
  position: relative;
  clear: both;
}
.page-produit .field--name-field-blocs .field--item:last-child .paragraph_bloc_catalogue_produit{
  padding-bottom: 90px;

}
.paragraph_bloc_catalogue_produit.Rouge{
  background-color: #b80202;
}
.paragraph_bloc_catalogue_produit.Gris{
  background-color: #303030;
}
.paragraph_bloc_catalogue_produit .row{
    margin-right: 0px!important;
    margin-left: -4px!important;
    margin-bottom: -4px!important;
}
.paragraph_bloc_catalogue_produit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    width: 50%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    display: block;
    height: 60%;
}
.paragraph_bloc_catalogue_produit .contenu_produits .contenu-image-doc .field--name-field-image::after{
  display: block;
  position: absolute;
  width: 100%;
  content: '';
  background: -moz-linear-gradient(rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.2) 100%);
  background: -webkit-linear-gradient(rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.2) 100%);
  background: linear-gradient(rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  height: 100%;
  top: 0;
}
.paragraph_bloc_catalogue_produit .header-bloc-catalogue-produit .titre h2{
    font-family: "hind-bold";
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 6%;
    padding-bottom: 30px;
    margin-top: 100px;
}
.paragraph_bloc_catalogue_produit .header-bloc-catalogue-produit .body{
    color: #ffffff;
    font-family: "hind-light";
    font-size: 14px;
    font-weight: 300;
    padding-left: 6%;
    padding-bottom: 30px;
    width: 45%;
}
.paragraph_bloc_catalogue_produit .titre h2{
    font-family: "hind-bold";
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 6%;
    padding-bottom: 40px;
    padding-top: 30px;
}
.paragraph_bloc_catalogue_produit .contenu_produits .field--item{
    margin: auto;
    display: inline-block;
    float: none;
    width: 16%;
    position: relative;
}
.paragraph_bloc_catalogue_produit .contenu_produits .field--item .field--item {
    display: block;
    width: 100%;
}
.paragraph_bloc_catalogue_produit .contenu_produits{
  width: 100%;
  margin: auto;
  text-align: center;
}
.paragraph_bloc_catalogue_produit .contenu_produits .nos-fichiers{
  background-color: rgba(48, 48, 48, 0.8);
  position: absolute;
  bottom: 0px;
  display: none;
  width: 100%;
}
.paragraph_bloc_catalogue_produit .contenu_produits .nos-fichiers .file>span{
  background-color: transparent;
  border: none;
  color: #fff;
  text-align: left;
  font-size: 14px;
}
.paragraph_bloc_catalogue_produit .contenu_produits .nos-fichiers .file-size{
  display: none;
}
.paragraph_bloc_catalogue_produit .contenu_produits .nos-fichiers .file-icon .glyphicon-file:before{
  color: #b70202;
}
.paragraph_bloc_catalogue_produit .contenu_produits .contenu-image-doc{
  position: relative;
}
.paragraph_bloc_catalogue_produit .contenu_produits .contenu-image-doc:hover .nos-fichiers{
  display: block;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.paragraph_bloc_catalogue_produit .contenu_produits .titre-produit{
    text-align: center;
    z-index: 5;
    font-family: "hind-semibold";
    position: relative;
    top: 93px;
}
/*bloc qsn v2*/
.page-qui-somme-nous .content-blocs .bloc-global-content{
  padding-top: 50px;
  padding-right: 0px;
  padding-left: 0px;
}
.page-qui-somme-nous .content-blocs .paragraph--type--bloc-une-image{
  margin-top: 25px;
  margin-bottom: 60px;
  padding-bottom: 90px;
  position: relative;
  padding: 0 10%;
}
.page-qui-somme-nous .content-blocs .paragraph--type--bloc-une-image .field--name-field-titre{
  font-family: "hind-bold";
  font-size: 32px;
  color: #303030;
  text-transform: uppercase;
  padding-bottom: 40px!important;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation{
  margin-top: 25px;
  margin-bottom: 60px;
  padding-bottom: 90px;
  position: relative;
  padding: 0 12%;
}
.page-qui-somme-nous .content-blocs .title h2{
  font-family: "hind-bold";
  font-size: 40px;
  color: #303030;
  text-transform: uppercase;
  padding-left: 6%!important;
  padding-bottom: 40px!important;
  padding-top: 30px!important;
  width: 50%;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation::before{
  content: '';
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0px;
  width: 50%;
  border-top: 1px solid #b80202;
  border-right: 1px solid #b80202;
  display: block;
  height: 40%;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation .lien {
  font-family: "hind-light";
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  margin-top: 50px;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation .lien a {
  color: #303030;
  font-family: "hind-light";
  border: 2px solid #e6e6e6;
  width: max-content;
  margin: auto;
  text-decoration: none;
  padding: 10px 20px;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation .paragraph--type--bloc-une-image .field--name-field-image{
  display: block;
}
.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation .paragraph--type--bloc-une-image .field--name-field-image-mobile{
  display: none;
}
.page-qui-somme-nous .content-blocs .paragraph_blocs_historiques .container-titre{
  width: 50%;
}

.page-qui-somme-nous .content-blocs .paragraph_blocs_historiques h2{
  color: #f8f8f8;
  font-family: "hind-bold";
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #303030;
  width: auto;
  padding-left: 84px;
  padding-bottom: 40px;
  padding-top: 40px;
  padding-right: 100px;
  margin-left: 25%;
  margin-bottom: 0;
}
.page-qui-somme-nous .paragraph--type--contents-bloc-global{
  padding-top: 1px;
  clear: both;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media{
  position: relative;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-gauche{
  position: absolute;
  background-color: #e6e6e6;
  width: 50%;
  padding: 5em 6em 5em 6%;
  z-index: 1;
  top: -40px;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-droite{
  position: relative;
  float: right;
  margin-top: 10%;
  padding: 25px 45px 45px 45px;
  background-color: #b80202;
  color: #fff;
  width: 55%;
  z-index: 1;
  margin-bottom: 90px;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-gauche .link a{
    color: #282728;
    font-family: "hind-regular";
    font-size: 20px;
    border: 1px solid #303030;
    padding: 10px 15px;
    text-decoration: none;
    width: 340px;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-gauche .link{
  width: 350px;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-droite .link a{
    color: #fff;
    font-family: "hind-regular";
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px 30px;
    text-decoration: none;
}
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-gauche .link,
.page-produit .content-bloc .paragraph--type--bloc-gris-rouge-media .field--name-field-bloc-droite .link{
  margin-top: 50px;
}
.page-produit .nosProduits .content-bloc .titre-de-bloc{
  border-bottom: 1px solid #303030!important;
  padding-bottom: 80px;
  border: 1px solid #303030;
}
.page-produit .nosProduits .content-bloc .titre-de-bloc{
  transform: none;
  padding-left: 6%;
}
/************************
      image svg jaguar
************************/
.content-bloc-svg{
  position: relative;
}
.content-bloc-svg .svg-content{
  text-align: center;
  background-color: #282728;
  margin-bottom: 70px;
  padding-left: 0;
}
.content-bloc-svg .titre{
  color: #fff;
  font-family: "hind-bold";
  font-size: 40px;
  text-transform: uppercase;
  padding-left: 19%;
  width: 50%;
  float: left;
  text-align: left;
  padding-top: 70px;

}
.content-bloc-svg .titre::before{
    content: '';
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0px;
    width: 100%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
    height: 107%;
    opacity: 0.4;
}
.content-bloc-svg .svg-content .container-svg{
  background-image: url(../images/background-jag.png);
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 118px;
  padding-bottom: 60px;
}
.content-bloc-svg .svg-content #Jaguar{
  width: 100%;
}
/*Svg cannon*/
.svg-content #Canon{

}
.svg-content #Canon #Objet_dynamique_vectoriel4,
.svg-content #Canon #Forme_9,
.svg-content #Canon #Canon_40_CTAS_,
.svg-content #Canon #Objet_dynamique_vectoriel-4,
.svg-content #_Canon_40_CTAS{
  display: block;
}

/*Svg Episcopes*/
.svg-content #Episcopes{

}
.svg-content #Episcopes #Objet_dynamique_vectoriel1,
.svg-content #Episcopes #Forme_6_copie_2,
.svg-content #Episcopes #Forme_7,
.svg-content #Episcopes #Épiscopes_Jour_et_Vidéo,
.svg-content #Episcopes #logo-optsys-sans-baseline-trichÇ_copie{
  display: block;
}
.svg-content #_Episcopes ellipse,
.svg-content #_Episcopes circle{
  opacity: 1;
}
.svg-content #_Episcopes ellipse:hover,
.svg-content #_Episcopes circle:hover{
  opacity: 0.8;
}

/*Svg Batteries_Clim*/
.svg-content #Batteries_Clim{

}
.svg-content #Batteries_Clim #Objet_dynamique_vectoriel-5,
.svg-content #Batteries_Clim #Objet_dynamique_vectoriel2,
.svg-content #Batteries_Clim #Forme_6_copie,
.svg-content #Batteries_Clim #Forme_6_copie_3,
.svg-content #Batteries_Clim #Climatisation_et_protection_NRBC,
.svg-content #Batteries_Clim #Système_de_surveillance_des_batteries,
.svg-content #Batteries_Clim #Objet_dynamique_vectoriel-6,
.svg-content #Batteries_Clim #Objet_dynamique_vectoriel-7,
.svg-content #_Batteries_Clim{
  display: block;
}

/*Svg Munitions*/
#Munitions{
  cursor: pointer;
}

/*Svg Roues*/
.svg-content #Roues{

}
.svg-content #Roues #Objet_dynamique_vectoriel-3,
.svg-content #_Roues,
.svg-content #Roues #Objet_dynamique_vectoriel3,
.svg-content #Roues #Forme_6,
.svg-content #Roues #SYEGON_Système_de_gonflage_centralisé_{
 display: block;
}

/*svg Caméras*/
.svg-content #Caméras{

}
.svg-content #Caméras #Objet_dynamique_vectoriel6,
.svg-content #Caméras #Forme_10,
.svg-content #Caméras #Forme_11,
.svg-content #Caméras #Forme_12,
.svg-content #Caméras #Caméras_numériques,
.svg-content #Caméras #logo-optsys-sans-baseline-trichÇ,
.svg-content #Caméras #Caméras_numériques{
  display: block;
}
.svg-content #_Caméra{
  opacity: 1;
}
.svg-content #_Caméra:hover{
  opacity: 0.8;
}

/*svg Structure_allégée_*/
.svg-content #Structure_allégée_{

}
.svg-content #Structure_allégée_ #Objet_dynamique_vectoriel,
.svg-content #Structure_allégée_ #Objet_dynamique_vectoriel7,
.svg-content #Structure_allégée_ #Forme_8_copie_2,
.svg-content #Structure_allégée_ #structure_allégée_coffres_châssis{
  display: block;
}
.svg-content #_Structure_allégée_coffres_châssis{
  opacity: 1;
}
.svg-content #_Structure_allégée_coffres_châssis circle:hover{
  opacity: 0.8;
}

/*svg Caisse_et_protection_balistique*/
.svg-content #Caisse_et_protection_balistique{

}
.svg-content #Caisse_et_protection_balistique #Objet_dynamique_vectoriel-2,
.svg-content #Caisse_et_protection_balistique #Forme_8_copie,
.svg-content #Caisse_et_protection_balistique #Caisse_et_protection_balistique-3,
.svg-content #_Caisse_et_protection_balistique{
  display: block;
}

/*svg Tourelle_T40*/
.svg-content #Tourelle_T40{

}
.svg-content #Tourelle_T40 #Tourelle_T40_avec_capacité_de_simulation_embarquée_et_vétroniqu,
.svg-content #Tourelle_T40 #Objet_dynamique_vectoriel5,
.svg-content #Tourelle_T40 #Forme_8,
.svg-content #_Tourelle_T40{
  display: block;
}

.page-qui-sommes-nous .breadcrumb,
.page-enqui-sommes-nous .breadcrumb{
  background-color: #282728;
}
.page-qui-sommes-nous .breadcrumb li,
.page-qui-sommes-nous .breadcrumb li a,
.page-enqui-sommes-nous .breadcrumb li,
.page-enqui-sommes-nous .breadcrumb li a{
  color: #fff;
}
.page-qui-somme-nous .content-blocs .paragraph--type--contents-bloc-global{
  padding-top: 0px;
}

.cls-2,
.cls-7 {
  cursor: pointer;
}

#Jaguar text,
#Munitions_de_40mm_ tspan {
  font-family: hind-regular;
}

a.eu-cookie-compliance-more-button:hover {
  color: #fff;
}

.decline-button {
  cursor: pointer;
}

.decline-button a {
  color: #000;
  text-decoration: none;
}

.cls-2 {
  filter: grayscale(80%) contrast(.5);
}

.cookie-link {
  display: inline-block;
}

.cookie-link:hover {
  text-decoration: none;
  color: #000;
}

.container-page-nos-dernier-actus .container-bloc-right .date {
  padding-left: 0;
  padding-bottom: 30px;
}

.page-qui-somme-nous .content-blocs .paragraph_bloc_organisation .image-link .titre-image {
  background-color: #f8f8f8;
  text-align: center;
  font-family: "hind-bold";
  font-size: 32px;
  color: #303030;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#block-formulairederecherche h2{
  display: none;
}
#block-formulairederecherche-2 h2{
  display: none;
}
.paragraph_header_intro .texte-bloc .texte a,
.paragraph_image_ou_video_texte .container-texte-bloc .body p a{
  color: #b80202;
  font-weight: 400;
  text-decoration: none;
}
#catalog-munitions{
  color: #ffffff;
    font-family: "hind-light";
    font-size: 14px;
    font-weight: 300;
    padding-left: 6%;
    padding-bottom: 30px;
    width: 45%;
    z-index: 100;
    position: relative;
}
#catalog-munitions a{
  margin-left: auto;
  padding-left: 20px;
  text-align: center;
}
.custom-file-link > a {
  display: inline-block;
  color: white;
  margin-left: 350%;
  width: 200px;
  border: 1px solid white;
  padding: 13px;
}

  /**********************
   Tarte Au citron Custom
   ***********************/
  #tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
    background-color: rgb(184, 2, 2);
    color: #fff;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow,
  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig button:hover,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover {
    background-color: #fff;
    color: #303030;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig button:focus { outline: 2px solid #fff; }

  #tarteaucitronRoot #tarteaucitronAlertBig button:hover span::before{ color: #303030  }