.header-container {
  position: fixed;
  z-index: 99999;
  width: 100%;
  top: 0;
  left: 0; }
  @media screen and (max-width: 767px) {
    .header-container {
      padding-top: 15px; } }
  .header-container .container > .row {
    margin: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media screen and (max-width: 767px) {
      .header-container .container > .row {
        height: 100%; } }
  .header-container #header_logo {
    margin-right: auto;
    margin-left: 50px;
    padding-left: 0 !important; }
    @media screen and (max-width: 1100px) {
      .header-container #header_logo {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 110px !important; } }
    @media (max-width: 992px) {
      .header-container #header_logo {
        padding-top: 15px !important;
        margin-right: auto; } }
    @media screen and (max-width: 767px) {
      .header-container #header_logo {
        padding-top: 0px !important;
        margin-left: 0; } }
  .header-container #block_top_menu {
    vertical-align: top;
    padding-left: 0;
    padding-right: 0; }
    @media screen and (max-width: 1100px) {
      .header-container #block_top_menu {
        padding-left: 0; } }
    @media screen and (max-width: 767px) {
      .header-container #block_top_menu {
        width: auto !important;
        top: inherit;
        left: inherit;
        order: 1;
        padding-top: 0px !important;
        margin-left: auto;
        position: relative; }
        .header-container #block_top_menu.active .menu .menuPicto {
          width: 65px;
          height: 30px;
          position: relative; }
          .header-container #block_top_menu.active .menu .menuPicto span {
            position: absolute;
            left: 28%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); } }
      @media screen and (max-width: 767px) and (max-width: 767px) {
        .header-container #block_top_menu.active .menu .menuPicto span {
          left: 35%; } }
    @media screen and (max-width: 767px) {
            .header-container #block_top_menu.active .menu .menuPicto span:first-of-type {
              -webkit-transform: rotate(225deg);
              -moz-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
              -o-transform: rotate(225deg);
              transform: rotate(225deg); }
            .header-container #block_top_menu.active .menu .menuPicto span:nth-child(2) {
              opacity: 0; }
            .header-container #block_top_menu.active .menu .menuPicto span:last-of-type {
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              -o-transform: rotate(135deg);
              transform: rotate(135deg); } }
    .header-container #block_top_menu .menu {
      display: none; }
      @media screen and (max-width: 767px) {
        .header-container #block_top_menu .menu {
          display: block;
          padding-top: 5px; }
          .header-container #block_top_menu .menu .menuPicto {
            vertical-align: middle;
            display: inline-block;
            margin-bottom: 0px;
            font-size: 20px;
            cursor: pointer; }
            .header-container #block_top_menu .menu .menuPicto span {
              height: 3px;
              width: 50px;
              background-color: #000000;
              margin-bottom: 10px;
              display: block;
              -webkit-transition: all 0.5s;
              -moz-transition: all 0.5s;
              -ms-transition: all 0.5s;
              -o-transition: all 0.5s;
              transition: all 0.5s; }
              .header-container #block_top_menu .menu .menuPicto span:last-of-type {
                margin-bottom: 0px; } }
    .header-container #block_top_menu .cat-title {
      display: none; }
    .header-container #block_top_menu .sf-menu {
      border-bottom: none;
      background: transparent;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: -ms-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .header-container #block_top_menu .sf-menu {
          height: calc(100vh - 68px) !important;
          position: fixed;
          display: flex;
          top: 68px;
          left: -100vw;
          color: #000000;
          width: 100vw;
          background-color: #FFFFFF;
          -webkit-transition: ease-in-out 0.5s;
          -moz-transition: ease-in-out 0.5s;
          -ms-transition: ease-in-out 0.5s;
          -o-transition: ease-in-out 0.5s;
          transition: ease-in-out 0.5s;
          border: 0px solid;
          height: 100%;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-flex-flow: row wrap;
          -moz-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
          .header-container #block_top_menu .sf-menu:not(:root:root) {
            padding-bottom: 70px; }
          .header-container #block_top_menu .sf-menu.active {
            left: 0px; }
            .header-container #block_top_menu .sf-menu.active:not(:root:root) {
              left: -0px; }
          .header-container #block_top_menu .sf-menu.mobile {
            left: -100vw; } }
      .header-container #block_top_menu .sf-menu > li {
        border-right: none;
        margin-bottom: 0px; }
        @media screen and (max-width: 767px) {
          .header-container #block_top_menu .sf-menu > li {
            margin-bottom: 0px;
            width: 100%;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -ms-flex-align: center;
            align-items: center; }
            .header-container #block_top_menu .sf-menu > li.produit a, .header-container #block_top_menu .sf-menu > li.technologie a, .header-container #block_top_menu .sf-menu > li.programmes a {
              position: relative; }
              .header-container #block_top_menu .sf-menu > li.produit a:after, .header-container #block_top_menu .sf-menu > li.technologie a:after, .header-container #block_top_menu .sf-menu > li.programmes a:after {
                content: "\e62c";
                font-family: 'bolle' !important;
                position: absolute;
                top: 50%;
                right: -20px;
                -webkit-transform: translateY(-50%) rotate(-90deg);
                -moz-transform: translateY(-50%) rotate(-90deg);
                -ms-transform: translateY(-50%) rotate(-90deg);
                -o-transform: translateY(-50%) rotate(-90deg);
                transform: translateY(-50%) rotate(-90deg); } }
        .header-container #block_top_menu .sf-menu > li.langue.turn i.b-arrow-md-down {
          color: #dd271d; }
          .header-container #block_top_menu .sf-menu > li.langue.turn i.b-arrow-md-down:before {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            transform: rotate(-180deg); }
        .header-container #block_top_menu .sf-menu > li.active a {
          color: #e32119; }
        .header-container #block_top_menu .sf-menu > li > a {
          border-bottom: none;
          cursor: pointer;
          outline: none;
          text-overflow: ellipsis;
          color: #000;
          text-decoration: none;
          padding: 5px 0;
          -moz-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          -webkit-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
          font-family: 'gotham-book', 'Arial', 'Helvetica', 'sans-serif';
          font-size: 14px; }
          @media screen and (max-width: 1600px) {
            .header-container #block_top_menu .sf-menu > li > a {
              font-size: 12.6px; } }
          @media screen and (max-width: 1400px) {
            .header-container #block_top_menu .sf-menu > li > a {
              padding-left: 10px;
              padding-right: 10px; } }
          @media screen and (max-width: 1300px) {
            .header-container #block_top_menu .sf-menu > li > a {
              font-size: 11.200000000000001px; } }
          @media screen and (max-width: 1020px) {
            .header-container #block_top_menu .sf-menu > li > a {
              font-size: 9.799999999999999px; } }
          @media screen and (max-width: 980px) {
            .header-container #block_top_menu .sf-menu > li > a {
              font-size: 8.4px;
              padding-left: 5px;
              padding-right: 5px; } }
          @media screen and (max-width: 767px) {
            .header-container #block_top_menu .sf-menu > li > a {
              font-size: 15px;
              padding: 0px; } }
          .header-container #block_top_menu .sf-menu > li > a:hover {
            text-shadow: 0px 0px 4px #FF9999;
            color: #e32119;
            background: #fff;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in; }
          .header-container #block_top_menu .sf-menu > li > a i.b-news {
            color: #e32119;
            margin-right: 3px;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            -webkit-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in; }
          .header-container #block_top_menu .sf-menu > li > a img {
            vertical-align: middle; }
          .header-container #block_top_menu .sf-menu > li > a i.b-arrow-md-down {
            margin-left: 10px;
            color: #000;
            vertical-align: middle;
            position: relative;
            display: inline-block;
            height: 14px; }
            .header-container #block_top_menu .sf-menu > li > a i.b-arrow-md-down:before {
              position: absolute;
              -webkit-transition: all 0.5s ease-in-out;
              -moz-transition: all 0.5s ease-in-out;
              -ms-transition: all 0.5s ease-in-out;
              -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out; }
  .header-container #translate_container {
    display: none;
    /*@media (max-width: 767px){
      display: inline-block;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      right: 0%;
      width: 20%;
      padding-top: 29px;
      padding-right: 5px;
      img{
        width: 70%;
        margin: 0 auto;
      }
    }*/ }

.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
  background: #fff; }

.columns-container {
  margin-top: 77px; }
  .columns-container .breadcrumb {
    display: none; }

.sous-nav li:first-of-type {
  display: none; }
@media screen and (max-width: 767px) {
  .sous-nav {
    height: calc(100vh - 68px);
    width: 100vw;
    position: fixed;
    bottom: inherit;
    top: 68px;
    left: -100vw;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-transition: left 0.5s ease-in-out;
    -moz-transition: left 0.5s ease-in-out;
    -ms-transition: left 0.5s ease-in-out;
    -o-transition: left 0.5s ease-in-out;
    transition: left 0.5s ease-in-out; }
    .sous-nav ul {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-flow: row wrap;
      -moz-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-bottom: 0px;
      width: 100%; }
      .sous-nav ul li {
        width: 100%;
        padding: 2vh 0; }
        .sous-nav ul li:first-of-type {
          padding-top: 0;
          display: block; }
          .sous-nav ul li:first-of-type a {
            color: #DD271D;
            pointer-events: none; }
        .sous-nav ul li:after {
          display: none; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .sous-nav.mobile {
      left: 0; } }

#email-error {
  color: red !important; }

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