/* Generated in 00:00:00.3228087 */
/* 22 css file(s) appended */
/* Generation date 19-02-2016 11:21:39 */

/* StyleSheet File : ~/en-CA/_media/stylesheet/159.css */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300,800);
@media only screen and (min-width: 641px)
{ /* RESET */ /* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
  {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
  {
    display: block;
  }

  body
  {
    line-height: 1;
  }

  ol, ul
  {
    list-style: none;
  }

  blockquote, q
  {
    quotes: none;
  }

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

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

  strong
  {
    font-weight: 700;
  }
  /* END RESET */

  *
  {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased !important;
  }

  html, body
  {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }

  html
  {
    background-color: #ffffff;
  }

  body
  {
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    min-height: 100%;
    min-width: 960px;
  }

  form
  {
    height: 100%;
    width: 100%;
  }

  .masterFrame
  {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin-bottom: -199px;
    width: 100%;
  }

  .push
  {
    clear: both;
    height: 199px;
  }

  .mainContent a
  {
    color: #0d4f93;
    text-decoration: none;
  }

    .mainContent a:hover
    {
      color: #003872;
    }

    .mainContent a:active
    {
      color: #4a4a4a;
    }
  /* HEADER */

  .headerFrame
  {
    height: 126px;
    margin: 0px auto;
    max-width: 960px;
    min-width: 640px;
    position: relative;
  }

  .header
  {
    background-color: #fff;
    display: block;
    height: 126px;
    position: relative;
    width: 100%;
    z-index: 25000;
  }

    .header .logo
    {
      position: absolute;
      left: 0px;
      top: 24px; /* width: 176px;                                                     */
    }
  /* MENU UTIL */

  .menuCss1
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
    z-index: 30000;
  }

    .menuCss1 > ul
    {
      clear: both;
      float: right;
      padding: 0px;
      margin: 0px;
      text-align: right;
      width: 100%;
    }

      .menuCss1 > ul > li
      {
        height: auto!important;
        float: right;
        margin: 8px 0px 0px;
        padding-left: 1.45833%;
        position: relative;
        text-align: right;
      }

        .menuCss1 > ul > li:first-child
        {
          padding-right: 0px;
        }

        .menuCss1 > ul > li > a
        {
          display: block;
          color: #696969;
          font-family: Arial, sans-serif;
          font-size: 11px;
          text-decoration: none;
          -webkit-transition: color 0.4s;
          -moz-transition: color 0.4s;
          -o-transition: color 0.4s;
          transition: color 0.4s;
        }

        .menuCss1 > ul > li.parent > a
        {
          background-image: url(/_media/image/1915/ico-arrow.png);
          background-position: right 4px;
          background-repeat: no-repeat;
          padding-right: 12px;
        }

        .menuCss1 > ul > li:hover > a
        {
          color: #691b26;
        }

        .menuCss1 > ul > li > div:before
        {
          content: url(/_media/image/1915/img-arrowsubmenu.png);
          height: 10px;
          position: absolute;
          top: -10px;
          left: 43px;
          width: 16px;
          z-index: 10000;
        }

        .menuCss1 > ul > li > div
        {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-shadow: 0 0px 2px 1px rgba(000,000,000,0.4);
          box-shadow: 0 0px 2px 1px rgba(000,000,000,0.4);
          display: none;
          position: absolute;
          left: -20px;
          top: 25px;
          width: 260px;
          z-index: 2000;
        }

        .menuCss1 > ul > li:hover > div
        {
          display: block;
        }

        .menuCss1 > ul > li > div > ul
        {
          background-color: #f3f3f3;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          padding: 6.53846% 6.92307% 7.076923%;
          width: 260px;
        }

          .menuCss1 > ul > li > div > ul > li
          {
            display: block;
            text-align: left;
            margin: 11px 0px 0px;
            padding: 0px;
          }

            .menuCss1 > ul > li > div > ul > li:first-child
            {
              margin: 0px;
            }

            .menuCss1 > ul > li > div > ul > li > a
            {
              color: #696969;
              display: block;
              font-family: Arial, sans-serif;
              font-size: 12px;
              line-height: 15px;
              margin: 0px;
              padding: 0px;
              text-decoration: none;
              -webkit-transition: color 0.4s;
              -moz-transition: color 0.4s;
              -o-transition: color 0.4s;
              transition: color 0.4s;
            }

              .menuCss1 > ul > li > div > ul > li > a:hover, .menuCss1 > ul > li.selected > div > ul > li > a.selected
              {
                color: #691b26;
              }
  /* END MENU UTIL */ /* SEARCH */

  .search
  {
    cursor: pointer;
    float: right;
    margin-left: 1.5%;
    position: relative;
    z-index: 1000;
  }

    .search a
    {
      clear: both;
      cursor: pointer;
      display: block;
      float: left;
      margin-top: 7px;
      margin-right: 4px;
    }

      .search a img
      {
        border: 0px;
        float: right;
        margin: 0px;
        padding: 0px;
      }

    .search input
    {
      background-color: #e7e7e7;
      background-image: url(/_media/image/1915/ico-loupe.png);
      background-position: right 4px center;
      background-repeat: no-repeat;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 0px;
      color: #696969;
      cursor: default;
      display: none;
      font-family: Arial, sans-serif;
      font-size: 10px;
      height: 22px;
      margin-top: 3px;
      padding: 6px 0px 6px 7px;
      width: 140px;
    }
    /*  .search:hover input, .search:active input, .search input:focus                                                                                                                                                                                 {                                                                                                                                                                                  background-color: #e7e7e7;                                                                                                                                                                                                                                                                                                         background-image: url(/_media/image/1915/ico-loupe.png);                                                                                                                                                                                                                                                                                                         background-position: right 4px center;                                                                                                                                                                                                                                                                                                         background-repeat: no-repeat;                                                                                                                                                                                font-size: 11px;                                                                                                                                                                                   width:122px                                                                                                                                                                                  }                                                                                             */

    .search > div
    {
      background-image: url(/_media/image/1915/ico-loupe.png);
      background-position: 0px 7px;
      background-repeat: no-repeat;
      cursor: pointer;
      width: 18px;
      height: 25px;
    }

    .search div img
    {
      cursor: pointer;
      display: none;
      position: absolute;
      right: 4px;
      top: 7px;
    }
  /* END SEARCH */ /* MENU PRINCIPAL */

  .menuCss2
  {
    float: left;
    position: absolute;
    right: 0px;
    top: 58px;
    z-index: 9000;
  }

    .menuCss2 > ul
    {
      clear: both;
      float: right;
      width: 100%;
      position: relative;
      z-index: 8000;
    }

      .menuCss2 > ul > li
      {
        background-image: url(/_media/image/1915/spacer-mainmenu.png);
        background-position: left top;
        background-repeat: no-repeat;
        float: left;
        padding: 0px 17px;
        position: relative;
        z-index: 7000;
      }

        .menuCss2 > ul > li:first-child
        {
          background: none;
        }

        .menuCss2 > ul > li:last-child
        {
          padding-right: 6px;
        }

        .menuCss2 > ul > li > a
        {
          color: #696969;
          font-size: 14px;
          line-height: 35px;
          padding-bottom: 12px;
          text-decoration: none;
          vertical-align: middle;
          -webkit-transition: color 0.4s;
          -moz-transition: color 0.4s;
          -o-transition: color 0.4s;
          transition: color 0.4s;
        }

          .menuCss2 > ul > li > a:hover
          {
            color: #691b26;
          }

        .menuCss2 > ul > li.selected > a
        {
          background-image: url(/_media/image/1915/ico-arrowupmenu.png);
          background-position: center bottom;
          background-repeat: no-repeat;
          color: #691b26;
        }

        .menuCss2 > ul > li > div:before
        {
          content: url(/_media/image/1915/img-arrowsubmenu.png);
          height: 10px;
          position: absolute;
          top: -10px;
          left: 48px;
          width: 16px;
          z-index: 6000;
        }

        .menuCss2 > ul > li > div
        {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-shadow: 0 0px 2px 1px rgba(000,000,000,0.4);
          box-shadow: 0 0px 2px 1px rgba(000,000,000,0.4);
          display: none;
          position: absolute;
          left: 0px;
          top: 40px;
          width: 276px;
          z-index: 6000;
        }

        .menuCss2 > ul > li:hover > div
        {
          display: block;
        }

        .menuCss2 > ul > li > div > ul
        {
          background-color: #f3f3f3;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: block;
          padding: 6.53846% 6.92307% 7.076923%;
          width: 276px;
        }

          .menuCss2 > ul > li > div > ul > li
          {
            display: block;
            text-align: left;
            margin: 18px 0px 0px;
            padding: 0px;
          }

            .menuCss2 > ul > li > div > ul > li:first-child
            {
              margin: 0px;
            }

            .menuCss2 > ul > li > div > ul > li > a
            {
              color: #696969;
              display: block;
              font-family: Montserrat, sans-serif;
              font-size: 14px;
              line-height: 15px;
              margin: 0px;
              padding: 0px;
              text-decoration: none;
              -webkit-transition: color 0.4s;
              -moz-transition: color 0.4s;
              -o-transition: color 0.4s;
              transition: color 0.4s;
            }

              .menuCss2 > ul > li > div > ul > li > a:hover, .menuCss2 > ul > li > div > ul > li > a.selected
              {
                color: #691b26;
              }
  /* END MENU PRINCIPAL*/ /* END HEADER */ /* HOME VIEWER */

  .homeViewer
  {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .viewerFrame
  {
    font-size: 0px;
    width: 100%;
  }

    .viewerFrame .slide
    {
      overflow-x: hidden;
      margin: 0px auto;
      max-width: 100%;
      min-width: 800px;
      text-align: center;
    }

      .viewerFrame .slide img
      {
        display: block;
        margin: 0px auto;
        min-width: 1400px;
        max-width: 100%;
        position: relative;
      }

  .slideContainer
  {
    min-width: 800px;
    max-width: 960px;
    margin: 0 auto;
  }

  .slideText
  {
    padding-left: 5px;
    position: relative;
    top: 300px;
    text-align: left;
    z-index: 1000;
  }

  form .slideText
  {
    top: auto;
    bottom: 163px!important;
    position: absolute!important;
max-width:960px;
  }

  .slideTitle, .slideSubTitle
  {
    color: #fff;
    font-weight: 500;
    line-height: 38px;
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
  }

  .slideTitle
  {
    font-size: 36px;
  }

  .slideSubTitle
  {
    font-size: 24px;
    margin-bottom: 20px;
  }

  a.button
  {
    background-color: #003e7e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff!important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 16px;
    padding-right: 84px;
    position: relative;
    text-decoration: none;
  }

  .button:hover
  {
    background-color: #003872;
  }

  .button div, .button span + span
  {
    background: url(/_media/image/1915/ico-arrowbutton.png), url(/_media/image/1915/ico-arrowbutton.png);
    background-color: #0d4f93;
    background-position: center center, -20px center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 0px;
    height: 40px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    width: 40px;
  }

  .button:hover div, .button:hover span + span
  {
    background-color: #0d4785;
    animation: animatedBackground 1s ease-out;
    -webkit-animation: animatedBackground 1s ease-out;
  }

  .splitTextButton .textbutton
  {
    margin-top: 6px;
  }

  .textbutton
  {
    display: block;
    float: right;
    padding: 0px 5px 10px 40px;
  }

  .extraTitle
  {
    float: right;
  }

  .redTitle
  {
    clear: both;
    color: #691b26;
    float: right;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    margin-top: 40px;
    text-transform: uppercase;
    width: 300px;
  }

  .splitTextButton
  {
    margin-bottom: 10px;
  }

    .splitTextButton a.button
    {
      float: right;
      width: 300px;
    }

  .filialeRight a.disabledbtn
  {
    background-color: #c3c3c3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff!important;
    cursor: default!important;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    text-decoration: none;
    padding: 0px 10px;
    text-align: center;
    width: 100%;
  }

  @-webkit-keyframes animatedBackground
  {
    from
    {
      background-position: center center, -27px center;
    }

    to
    {
      background-position: 53px center, center center;
    }
  }

  @keyframes animatedBackground
  {
    from
    {
      background-position: center center, -27px center;
    }

    to
    {
      background-position: 53px center, center center;
    }
  }

  .button:active
  {
    background-color: #032851;
  }

    .button:active div, .button:active span
    {
      background-color: #103c6e;
    }

  .viewerSlideLeft, .viewerSlideRight
  {
    background-color: rgba(00,00,00,0.6);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50px;
    position: absolute;
    top: 50%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 60px;
  }

    .viewerSlideLeft:hover, .viewerSlideRight:hover
    {
      background-color: rgba(00,00,00,0.3);
    }

    .viewerSlideLeft:active, .viewerSlideRight:active
    {
      background-color: rgba(00,00,00,0.9);
    }

    .viewerSlideLeft a, .viewerSlideRight a
    {
      display: block;
      height: 50px;
      text-align: center;
      width: 60px;
    }

      .viewerSlideLeft a img, .viewerSlideRight a img
      {
        padding-top: 10px;
      }

  .viewerSlideLeft
  {
    left: 0px;
  }

  .viewerSlideRight
  {
    right: 0px;
  }
  /* SHADOW BOX */

  .shadowbox
  {
    background-color: rgba(00,00,00,0.8);
    height: 48px;
    min-width: 640px;
display:none!important;
    position: absolute;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 100%;
    z-index: 1000;
  }

    .shadowbox:hover
    {
      background-color: rgba(13, 79, 147, 0.8);
    }

    .shadowbox:active
    {
      background-color: rgba(3, 40, 81, 1);
    }

    .shadowbox div
    {
      margin: 0px auto;
      max-width: 960px;
    }

    .shadowbox p, .shadowbox a, .shadowbox p a
    {
      color: #fff;
      float: right;
      font-size: 12px;
      line-height: 48px;
    }

      .shadowbox p a, .shadowbox a
      {
        background-image: url(/_media/image/1915/ico-arrowright.png);
        background-position: center right;
        background-repeat: no-repeat;
        color: #cfcfcf;
        cursor: pointer;
        margin-left: 7px;
        margin-right: 5px;
        padding-right: 12px;
        text-decoration: none;
      }

        .shadowbox p a:hover, .shadowbox a:hover
        {
          background-image: url(/_media/image/1915/ico-arrowrighthover.png);
          color: #8ab9ea;
        }
  /* END SHADOW BOX */ /* END HOME VIEWER*/ /* SECTION BANNER */ /* END SECTION BANNER */ /* GREY BANNER */

  .greyBanner
  {
    background-image: url(/_media/image/1915/bg-greytexture.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 295px;
    position: relative;
    width: 100%;
  }
    /*.greyBanner img                                                                                                                                                                                                                                                                                                     {                                                                                                                                                                                                                                                                                                       display:block;                                                                                                                                                                                                                                                                                                       margin:0 auto;                                                                                                                                                                                                                                                                                                       max-width:100%;                                                                                                                                                                                                                                                                                                       min-width:640px;                                                                                                                                                                                                                                                                                                       position:absolute;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }                                                                                                                                                                                                                                                                                                   */

    .greyBanner div.sectionBanner
    {
      background-color: #fff;
      border: 1px solid #cecece;
      clear: both;
      height: 224px;
      margin: 0px auto;
      max-width: 960px;
      position: relative;
      top: -45%;
      width: 100%;
      z-index: 100;
    }

  .sectionBannerContainer
  {
    background-color: #fff;
    clear: both;
    float: left;
  }
  /*================================================== * Effect 5 * ===============================================*/

  .sectionBanner:before, .sectionBanner:after
  {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 80%;
    top: 80%;
    max-width: 480px;
    background: #777;
    -webkit-box-shadow: 30px 30px 35px #000;
    -moz-box-shadow: 30px 30px 35px #000;
    box-shadow: 30px 30px 35px #000;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  .sectionBanner:after
  {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    right: 10px;
    left: auto;
  }

  .bannerItem
  {
    background-position: left top;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #2e2e2e;
    cursor: pointer;
    float: left;
    font-size: 22px;
    height: 224px;
    overflow: hidden;
    margin-left: 2px;
    padding-top: 173px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 238px;
  }

  .sectionBanner .bannerItem:first-child
  {
    margin-left: 0px;
  }

  .bannerItem.recreatif
  {
    background-image: url(/_media/image/1915/img-recreatif.jpg);
    width: 239px;
  }

  .bannerItem.agricole
  {
    background-image: url(/_media/image/1915/img-agricole.jpg);
  }

  .bannerItem.defense
  {
    background-image: url(/_media/image/1915/img-defense.jpg);
  }

  .bannerItem.industriel
  {
    background-image: url(/_media/image/1915/img-industriel.jpg);
    width: 239px;
  }

  .bannerItem span
  {
    position: relative;
    z-index: 2;
  }

  .bannerItem img
  {
    border: 0px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 1;
  }

  .bannerItem:hover img
  {
    opacity: 1;
  }

  .bannerTitleFrame
  {
    margin: 0 auto;
    max-width: 960px;
    width: auto;
  }

  .bannerTitle
  {
    bottom: 55px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    margin: 0px auto;
    text-align:center;
    position: absolute;
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
    width: 960px;
    z-index: 1000;
  }

  .bannerTitleTop
  {
    margin-bottom: 13px;
font-size:72px;
  }


  .bannerTitleBottom
  {
    vertical-align: top;
font-size:20px;
  }

  /* END GREY BANNER*/ /* MAIN CONTENT */

  .mainContentFrame
  {
    background-color: #fff;
    background-image: url(/_media/image/1915/bg-maincontent.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    float: left;
    padding-bottom: 50px;
    width: 100%;
  }

  .mainContentHome
  {
    height: 100%;
    margin: 0px auto;
    max-width: 960px;
    padding-top: 48px;
  }

  .accueil .mainContentHome h2
  {
    color: #691b26;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: uppercase;
  }

    .accueil .mainContentHome h2 strong
    {
      font-weight: 700;
    }

  .mainContent
  {
    height: 100%;
    margin: 0px auto;
    max-width: 960px;
    padding-top: 44px;
  }

  .accueil .mainContent h2
  {
    color: #691b26;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 28px;
    text-transform: uppercase;
  }

    .accueil .mainContent h2 strong
    {
      font-weight: 700;
    }

  .mainContentLeft
  {
    background-image: url(/_media/image/1915/bg-leftmenu.png);
    background-position: left top;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    font-size: 14px;
    padding: 13px 15px 0px;
    position: relative;
    width: 220px;
    z-index: 100;
  }
  /* LEFT MENU */

  .menuCss4
  {
  }

    .menuCss4 > ul
    {
      margin-right: 8px;
    }

      .menuCss4 > ul > li:before
      {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }

      .menuCss4 > ul > li
      {
        border-bottom: 1px solid #d7d7d7;
        display: inline-block;
        padding: 9px 0px 10px;
        vertical-align: middle;
        width: 100%;
      }

        .menuCss4 > ul > li > a
        {
          color: #303030;
          cursor: pointer;
          display: inline-block;
          font-size: 14px;
          font-weight: normal;
          line-height: 14px;
          vertical-align: middle;
          width: 100%;
        }

        .menuCss4 > ul > li.selected
        {
          background-image: url(/_media/image/1915/ico-arrowup.png);
          background-position: left bottom;
          background-repeat: no-repeat;
          border-bottom: 1px solid #691b26;
          color: #691b26;
          text-decoration: none;
        }

        .menuCss4 > ul > li > a:hover
        {
          color: #691b26;
        }

        .menuCss4 > ul > li > a:active
        {
          color: #ad0c23;
        }

        .menuCss4 > ul > li > a.selected
        {
          color: #691b26;
        }

        .menuCss4 > ul > li > div, .menuCss4 > ul > li:hover > div
        {
          display: none!important;
          visibility: hidden!important;
          position:absolute;
        }

          .menuCss4 > ul > li > div.selected, .menuCss4 > ul > li:hover > div.selected
          {
            display: block!important;
            visibility: visible!important;
            position: static;
          }

          .menuCss4 > ul > li > div > ul
          {
            margin-top: 5px;
            margin-bottom: 5px;
          }

            .menuCss4 > ul > li > div > ul > li
            {
            }

              .menuCss4 > ul > li > div > ul > li.selected
              {
              }

              .menuCss4 > ul > li > div > ul > li > a
              {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #303030;
                display: block;
                font-size: 12px;
                overflow: hidden;
                white-space: nowrap;
                width: 100%;
                text-overflow: ellipsis;
                line-height: 28px;
                padding-left: 15px;
                text-decoration: none;
              }

                .menuCss4 > ul > li > div > ul > li > a:hover
                {
                  color: #691b26;
                }

              .menuCss4 > ul > li > div > ul > li.selected > a
              {
                background-image: url(/_media/image/1915/ico-arrowleft.png);
                background-position: 6px center;
                background-repeat: no-repeat;
                color: #691b26;
              }
  /* END LEFT MENU */ /* RIGHT SIDE */

  .mainContentRight
  {
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 30px 30px rgba(255,255,255,0.8);
    box-shadow: 0 0 30px 30px rgba(255,255,255,0.8);
    float: left;
    margin: 14px 0px 0px;
    padding: 0px 0px 0px 25px;
    width: 740px;
  }

    .mainContentRight h2, .mainContent h2
    {
      clear: both;
      color: #691b26;
      font-size: 26px;
      line-height: 28px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-transform: none;
    }

      .mainContentRight h2:first-child, .mainContent h2:first-child
      {
        margin-top: 0px!important;
      }

  h3
  {
    color: #303030;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
    text-transform: none;
  }

  .mainContent h4
  {
    color: #691b26;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
  }

  .mainContentRight p
  {
    color: #303030;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  .NoResult
  {
    color: #303030;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
  }

  .mainContentRight p strong
  {
    font-weight: 700;
  }

  .mainContentRight ul
  {
    margin-bottom: 35px;
  }

    .mainContentRight ul li
    {
      background-image: url(/_media/image/1915/ico-bullet.png);
      background-position: 32px 11px;
      background-repeat: no-repeat;
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      padding-left: 42px;
    }

  .mainContentRight ol
  {
    margin-bottom: 35px;
  }

    .mainContentRight ol li
    {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 24px;
      list-style-type: decimal;
      list-style-position: inside;
      padding-left: 42px;
    }

  .mainContentRight table
  {
    width: 100%;
  }

    .mainContentRight table td
    {
      border: 1px solid #E7E7E7;
      padding: 5px;
    }

    .mainContentRight table ul
    {
      margin-bottom: 10px;
    }

  .presentationText
  {
    margin-bottom: 25px;
  }

  .extraSpaceContent h2
  {
    margin-bottom: 10px;
  }

  .extraSpaceContent p
  {
    margin-bottom: 20px;
  }

  p.resultText
  {
    margin-bottom: 0px;
  }

  .recreatif h3
  {
    margin-top: 20px;
  }

  .jobPage p
  {
    margin-bottom: 10px;
  }
  /* BACK BUTTON */

  .back
  {
    margin-bottom: 35px;
  }

    .back a
    {
      background-image: url(/_media/image/1915/ico-arrowblueright.png);
      background-position: left center;
      background-repeat: no-repeat;
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-weight: bold;
      padding-left: 13px;
    }
  /* END BACK BUTTON */ /* CONTACT */

  .contactHead
  {
    -webkit-box-shadow: 0 0 30px 30px rgba(255,255,255,0.8);
    box-shadow: 0 0 30px 30px rgba(255,255,255,0.8);
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
  }

  .contactHeaderAdress
  {
    display: inline-block;
    margin-bottom: 90px;
  }

    .contactHeaderAdress h2
    {
      margin-bottom: 10px;
      margin-top: 20px;
    }

    .contactHeaderAdress p
    {
      clear: both;
      display: inline-block;
      float: left;
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 15px;
      vertical-align: top;
      width: 230px;
    }

      .contactHeaderAdress p span
      {
        float: right;
      }

  .contactMobileButton
  {
    display: none;
  }

  .contactMap
  {
    border: 1px solid #d8d8d8;
    display: inline-block;
    float: right;
    height: 225px;
    overflow: hidden;
    width: 550px;
  }

  .contactFrame
  {
    clear: both;
    font-size: 0px;
  }

  .singleContact
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 80px;
    margin-right: 20px;
    position: relative;
    vertical-align: top;
    width: 300px;
  }

  .doubleContact
  {
    display: inline-block;
    width: 640px;
  }

  .contact
  {
    color: #303030;
    display: inline-block;
    overflow: hidden;
  }

  .doubleContact span + .contact
  {
    margin-right: 50px;
    vertical-align: top;
  }

  .singleContact h3, .doubleContact h3
  {
    border-bottom: 1px solid #d8d8d8;
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-right: 20px;
    padding-bottom: 17px;
    width: 100%;
  }

    .singleContact h3 span, .doubleContact h3 span
    {
      clear: both;
      display: block;
      font-family: Arial, sans-serif;
      font-size: 13px;
      font-weight: 500;
      margin-top: 5px;
    }

  .contact h4
  {
    margin-bottom: 10px;
  }

  .contactTitle
  {
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
  }

  .contactPhone table
  {
    margin-bottom: 15px;
  }

    .contactPhone table tr
    {
    }

      .contactPhone table tr td
      {
        font-family: Arial, sans-serif;
        font-size: 12px;
        padding: 3px 0px;
      }

  .contactEmail a
  {
    font-family: Arial, sans-serif;
    font-size: 12px;
  }

  .divisionFrame
  {
    width: 100%;
  }

  .division
  {
    float: left;
    height: 370px;
    margin-bottom: 82px;
    margin-right: 20px;
    position: relative;
    width: 298px;
  }

  .divisionHeader
  {
    border-bottom: 1px solid #d8d8d8;
    font-size: 0px;
    height: 35px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    vertical-align: bottom;
  }

    .divisionHeader:before
    {
      content: '';
      height: 35px;
      display: inline-block;
      vertical-align: bottom;
      width: 0px;
    }

  .divisionNameWrapper
  {
    display: inline-block;
    font-size: 0px;
  }

  .divisionHeaderName
  {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
  }

    .divisionHeaderName h3
    {
      color: #303030;
      font-family: Arial, sans-serif;
      font-weight: bold;
      line-height: 13px;
      margin-bottom: 0px;
      margin: 0px;
      padding: 0px;
    }

  .divisionHeaderSubName
  {
    color: #303030;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 13px;
    padding-top: 7px;
  }

  .divisionAddress
  {
color: #303030;
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
  }

    .divisionAddress p
    {
      padding-bottom: 12px;
    }

    .divisionAddress table
    {
      margin-bottom: 10px;
    }

      .divisionAddress table tr
      {
      }

        .divisionAddress table tr td
        {
          color: #303030;
          font-family: Arial, sans-serif;
          font-size: 14px;
          line-height: 20px;
        }

          .divisionAddress table tr td:first-child
          {
            width: 100px;
          }

  .division .button
  {
    bottom: 0px;
    left: 0px;
    position: absolute;
  }

    .division .button span + span
    {
      background-image: url(/_media/image/1915/ico-map.png), url(/_media/image/1915/ico-map.png);
      background-position: center center, center -30px; /* animation: none;                                                                                                                                                                                                                                                                                                         -webkit-animation: none;                                       */
    }

    .division .button:hover span + span
    {
      animation: animatedBackgroundVertical 1s ease-out;
      -webkit-animation: animatedBackgroundVertical 1s ease-out;
    }

  @-webkit-keyframes animatedBackgroundVertical
  {
    from
    {
      background-position: center center, center -30px;
    }

    to
    {
      background-position: center 50px, center center;
    }
  }

  @keyframes animatedBackgroundVertical
  {
    from
    {
      background-position: center center, center -30px;
    }

    to
    {
      background-position: center 50px, center center;
    }
  }

  .division h4
  {
    font-size: 14px;
  }
  /* END CONTACT */ /* SIMPLE GALLERY */

  .simpleGallery
  {
    width: 100%;
  }

    .simpleGallery div
    {
      float: left;
      margin-right: 10px;
      position: relative;
    }

      .simpleGallery div:nth-child(3n)
      {
        margin-right: 0px;
      }

      .simpleGallery div span
      {
        -webkit-box-shadow: inset 0 0 3px 3px rgba(000,000,000,0.2);
        box-shadow: inset 0 0 3px 3px rgba(000,000,000,0.2);
        float: left;
        height: 172px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 230px;
        z-index: 1000;
      }

      .simpleGallery div img
      {
        height: 172px;
        position: relative;
        z-index: 1;
      }
  /* END SIMPLE GALLERY*/ /* NEWS */

  .newsList
  {
    clear: both;
    float: left;
    width: 100%;
  }

    .newsList .news
    {
      border-bottom: 1px solid #d8d8d8;
      float: left;
      margin-top: 42px;
      padding-bottom: 24px;
      width: 100%;
    }

      .newsList .news:first-child
      {
        margin-top: 0px;
      }

      .newsList .news h2
      {
        margin-bottom: 6px;
      }

  .newsDate
  {
    color: #7b7b7b;
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 15px;
  }

  .newsDescription
  {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
  }

  .newsList .button
  {
    margin-top: 15px;
    float: right;
    width: 210px;
  }
  /* END NEWS */ /* SPLIT BOX */

  .splitbox:before
  {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .splitbox
  {
    clear: both;
    float: left;
    padding-bottom: 35px;
    width: 100%;
  }

  .leftSplitContent
  { /*float: left;                                                                                                                                                                                                                                                                                                   */
    display: inline-block;
    vertical-align: middle;
    width: 370px;
  }

    .leftSplitContent p
    {
      padding-right: 10px;
    }

    .leftSplitContent.reversed:before
    {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .leftSplitContent.reversed
    {
      float: left;
      display: inline-block;
      vertical-align: middle;
    }

    .leftSplitContent.reversedCentered
    { /*float:left;                                                                                                                                                                                                                                                                                                   */
      display: inline-block;
      vertical-align: middle;
    }

  .rightSplitContent
  { /*float: right;                                                                                                                                                                                                                                                                                                   */
    display: inline-block;
    padding-left: 24px;
    vertical-align: middle;
    width: 310px;
  }

    .rightSplitContent.reversed
    {
      float: right;
    }

    .rightSplitContent.reversedCentered
    { /*float:right;                                                                                                                                                                                                                                                                                                   */
      display: inline-block;
      float: right;
      vertical-align: middle;
    }

  .switchSide .leftSplitContent
  {
    display: inline-block;
    vertical-align: middle;
    width: 320px;
  }

  .switchSide .rightSplitContent
  {
    display: inline-block;
    padding-left: 19px;
    vertical-align: middle;
    width: 365px;
  }

  .splitRedTitle
  {
    color: #691b26;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 50px;
    text-transform: uppercase;
  }

  .rightSplitContent .splitRedTitle
  {
    margin-bottom: 0px;
  }

  .splitRedTitle p
  {
    color: #691b26;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 28px;
    padding: 0px;
    text-transform: uppercase;
  }

  .splitRedTitle strong
  {
    font-weight: 700;
  }

  .noMarginTitle
  {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .desktopButtonFrame
  {
    margin-top: 50px;
  }

  .extraSpace
  {
    margin-top: 40px;
  }

  .rightSplitContent .button
  {
    padding-right: 0px;
    width: 100%;
  }

  form .extraMobileButton
  {
    display: none!important;
  }
  /* END SPLIT BOX */ /* LARGE LINK */

  .largeLink
  {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    clear: both;
    margin-bottom: 30px;
    padding: 20px 0px 23px;
  }

    .largeLink a
    {
      background-image: url(/_media/image/1915/ico-arrowleftblue.png);
      background-position: right 7px;
      background-repeat: no-repeat;
      color: #0d4f93;
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-weight: 700;
      padding-right: 13px;
      text-decoration: none;
    }

      .largeLink a:hover
      {
        color: #003872;
        background-image: url(/_media/image/1915/ico-arrowleftbluehover.png);
      }

      .largeLink a:active
      {
        color: #4a4a4a;
      }

  .recreatif .largeLink
  {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  /* END LARGE LINK */ /* GREY BOX */

  .greyBox
  {
    background-color: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    padding: 22px 22px 10px 22px;
  }

    .greyBox h3
    {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 15px;
    }

    .greyBox ul
    {
      margin-bottom: 10px;
    }

      .greyBox ul li
      {
        background-position: 16px 11px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding-left: 26px;
      }

  .fullSection
  {
    margin-bottom: 35px;
  }
  /* END GREY BOX */ /* AWARD */

  .awardFrame
  {
    border-top: 1px solid #e1e1e1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    float: left;
    font-size: 0px;
    padding-top: 30px;
    width: 100%;
  }

  .awardLeft, .awardRight
  {
    display: inline-block;
    font-size: 0px;
    vertical-align: top;
    width: 50%;
  }

  .awardLeft
  {
    width: 300px;
  }

  .awardRight
  {
    float: right;
    width: 300px;
  }

  .award
  {
    font-size: 12px;
    margin-bottom: 30px;
  }

  .awardTitle
  {
    color: #691b26;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
  }

  .awardText
  {
    color: #691b26;
    font-size: 14px;
    line-height: 19px;
  }
  /* END AWARD */ /* SPLIT */

  .splitLargeLeft, .splitLargeRight
  {
    border-bottom: 1px solid #e1e1e1;
    padding: 25px 0px 25px;
    width: 100%;
  }

    .splitLargeLeft .splitLeft
    {
      display: inline-block;
      vertical-align: middle;
      width: 470px;
    }

      .splitLargeLeft .splitLeft h3
      {
        margin-bottom: 15px;
      }

      .splitLargeLeft .splitLeft p
      {
        font-size: 14px;
        margin: 0px;
        padding: 0px;
      }

    .splitLargeRight .splitLeft
    {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      width: 239px;
    }

    .splitLargeRight .splitRight
    {
      display: inline-block;
      vertical-align: middle;
      width: 470px;
    }

      .splitLargeRight .splitRight h3
      {
        margin-bottom: 15px;
      }

      .splitLargeRight .splitRight p
      {
        font-size: 14px;
        margin: 0px;
        padding: 0px;
      }

    .splitLargeLeft .splitRight
    {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      width: 239px;
    }

  .mainContentRight h2 + .splitLargeLeft
  {
    padding-top: 15px;
  }
  /* END SPLIT */ /* EXAMPLE VIEWER */

  .exempleViewerFrame
  {
    margin-top: 40px;
  }

  .exampleViewer
  {
    background-color: #f3f3f3;
    height: 193px;
    margin-bottom: 35px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .exampleViewerContent
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    height: 193px;
    padding-left: 39px;
    padding-right: 39px;
    width: 100%;
  }

  .exemple
  {
    display: inline-block;
    height: 183px;
    margin-top: 10px;
    position: relative;
    text-decoration: none;
    margin-left: 10px;
    max-width: 220px; /*width: 220px;                                                        */
  }

    .exemple a
    {
      background-color: #000;
      background-image: url(/_media/image/1915/mask-exemple.png);
      background-position: left top;
      background-repeat: no-repeat;
      display: block;
    }

      .exemple a img
      {
        border: 1px solid #c5c5c5;
        height: 128px!important;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        width: 218px;
      }

  .exempleTitle
  {
    clear: both;
    color: #691b26;
    display: block;
    font-size: 16px;
    margin-top: 10px;
  }

  .exempleMask
  {
    background-color: #000;
    background-color: rgba(00,00,00,0.5);
    background-image: url(/_media/image/1915/mask-exemple.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: none;
    height: 128px;
    left: 1px;
    opacity: 0;
    position: absolute;
    top: 1px;
    width: 218px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .exemple a:hover img
  {
    opacity: 0.5;
  }

  .exemple a:active
  {
    background-color: rgba(255,255,255,0.2);
  }

    .exemple a:active img
    {
      opacity: 0.8;
    }

  .exampleViewerLeftBtn, .exampleViewerRightBtn
  {
    position: absolute;
    top: 0px;
  }

  .exampleViewerLeftBtn
  {
    height: 193px;
    left: 0px;
    width: 49px;
  }

    .exampleViewerLeftBtn a
    {
      background-image: url(/_media/image/1915/btn-viewerleft.png);
      background-position: left top;
      background-repeat: no-repeat;
      display: block;
      height: 193px;
      width: 49px;
    }

      .exampleViewerLeftBtn a:hover
      {
        background-image: url(/_media/image/1915/btn-viewerlefthover.png);
      }

      .exampleViewerLeftBtn a:active
      {
        background-image: url(/_media/image/1915/btn-viewerleftclick.png);
      }

    .exampleViewerLeftBtn.disabled a
    {
      background-image: url(/_media/image/1915/btn-viewerleftdisable.png);
    }

    .exampleViewerLeftBtn a img
    {
      display: none;
    }

  .exampleViewerRightBtn
  {
    height: 193px;
    right: 0px;
    width: 49px;
  }

    .exampleViewerRightBtn a
    {
      background-image: url(/_media/image/1915/btn-viewerright.png);
      background-position: left top;
      background-repeat: no-repeat;
      display: block;
      height: 193px;
      width: 49px;
    }

      .exampleViewerRightBtn a:hover
      {
        background-image: url(/_media/image/1915/btn-viewerrighthover.png);
      }

      .exampleViewerRightBtn a:active
      {
        background-image: url(/_media/image/1915/btn-viewerrightclick.png);
      }

    .exampleViewerRightBtn.disabled a
    {
      background-image: url(/_media/image/1915/btn-viewerrightdisable.png);
    }

    .exampleViewerRightBtn a img
    {
      display: none;
    }
  /* END EXAMPLE VIEWER */ /* PRODUCT GALLERY */

  .productGalleryList
  {
    clear: both;
    float: left;
    padding-bottom: 10px;
    width: 100%;
  }

    .productGalleryList h2
    {
      margin-bottom: 16px;
    }

  .productGallery
  {
    clear: both;
    float: left;
    margin-bottom: 40px;
  }

  .productGalleryItem
  {
    float: left;
    height: 155px;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    width: 230px;
  }

  .productGallery .productGalleryItem:nth-child(3n+1)
  {
    margin-left: 0px;
  }

  .productGalleryItem img
  {
    height: 155px;
    width: 230px;
  }

  .productGalleryTitle
  {
    background-color: #000;
    background-color: rgba(00,00,00,0.5);
    bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    height: 60px;
    left: 0px;
    line-height: 21px;
    padding: 10px 10px 0px;
    position: absolute;
    width: 100%;
  }
  /* END PRODUCT GALLERY */ /* PRODUCT VIEWER */

  .productViewerFrame
  {
    clear: both;
    position: relative;
  }

    .productViewerFrame .bxslider
    {
      display: block;
    }

    .productViewerFrame h2
    {
      margin-bottom: 5px;
    }

    .productViewerFrame p
    {
      margin-bottom: 2px;
    }

  .productViewer
  {
    height: 321px;
    overflow: hidden;
    position: relative;
    width: 710px;
  }

  .basicGallery
  {
    width: 468px;
  }

  .productViewerItem
  {
    display: block;
    position: relative;
  }

  .productViewerShadow
  {
    background-color: rgba(00,00,00,0.8);
    bottom: 0px;
    color: #fff;
    font-family: Arial, sans-serif;
    height: 98px;
    left: 0px;
    position: absolute;
  }

  .companyLogo:before
  {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .companyLogo
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    height: 98px;
    padding-left: 20px;
    width: 175px;
    vertical-align: middle;
  }

    .companyLogo img
    {
      display: inline-block;
      vertical-align: middle;
    }

  .productViewer .productViewerItem .companyLogo img
  {
    display: inline-block;
    vertical-align: middle;
    min-width: initial;
    width: auto;
  }

  .productViewerDescription
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 18px;
    width: 535px;
  }

  .productViewerTitle
  {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .productViewerText
  {
    font-size: 14px;
    line-height: 20px;
  }

  .viewerArrowLeft, .viewerArrowRight
  {
    background-color: #000;
    background-color: rgba(00,00,00,0.6);
    cursor: pointer;
    display: inline-block;
    height: 50px;
    position: absolute;
    text-align: center;
    top: 100px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    vertical-align: middle;
    width: 60px;
  }

  .basicGallery .viewerArrowLeft, .basicGallery .viewerArrowRight
  {
    top: 120px;
  }

  .viewerArrowLeft
  {
    left: 0px;
  }

  .viewerArrowRight
  {
    right: 0px;
  }

    .viewerArrowLeft a:before, .viewerArrowRight a:before
    {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .viewerArrowLeft a, .viewerArrowRight a
    {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      width: 100%;
    }

    .viewerArrowLeft img, .viewerArrowRight img
    {
      display: inline-block;
      vertical-align: middle;
    }

    .viewerArrowLeft:hover, .viewerArrowRight:hover
    {
      background-color: rgba(00,00,00,0.3);
    }

    .viewerArrowLeft:active, .viewerArrowRight:active
    {
      background-color: rgba(00,00,00,0.9);
    }

  .productViewerNav
  {
    font-size: 0px;
    margin-top: 15px;
    text-align: center;
    width: 710px;
  }

    .productViewerNav > div:before
    {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

    .productViewerNav > div
    {
      display: inline-block;
      padding: 0px 3px;
      height: 15px;
      text-align: center;
      vertical-align: middle;
      width: 15px;
    }

      .productViewerNav > div > div:before
      {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
      }

      .productViewerNav > div > div
      {
        background-color: #b8b8b8;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 0px;
        height: 10px;
        padding: 0px;
        margin: 0px;
        width: 10px;
        -webkit-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -moz-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -ms-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -o-transition: height 0.2s, width 0.2s, background-color 0.2s;
        transition: height 0.2s, width 0.2s, background-color 0.2s;
        text-align: center;
        vertical-align: middle;
      }

        .productViewerNav > div > div:hover
        {
          background-color: #691b26;
          height: 15px;
          width: 15px;
        }

        .productViewerNav > div > div:active
        {
        }

      .productViewerNav > div.selected > div
      {
        background-color: #691b26;
      }
  /* END PRODUCT VIEWER */ /* BASE GALLERY */

  .baseGallery
  {
    font-size: 0px;
    margin-bottom: 38px;
    width: 100%;
  }

    .baseGallery div
    {
      display: inline-block;
      height: 154px;
      margin-bottom: 10px;
      margin-right: 10px;
      position: relative;
      width: 230px;
    }

      .baseGallery div img
      {
        height: 154px;
      }

      .baseGallery div:nth-child(3n)
      {
        margin-right: 0px;
      }

      .baseGallery div span > span
      {
        background-color: rgba(00,00,00,0.6);
        bottom: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
        left: 0px;
        line-height: 42px;
        overflow: hidden;
        padding-left: 10px;
        position: absolute;
        width: 100%;
      }

    .baseGallery.highShadow div span > span
    {
      line-height: 24px;
      height: 60px;
      padding-top: 5px;
    }
  /* END BASE GALLERY*/ /* AFFILIATE VIEWER */

  .affiliateViewer
  {
    clear: both;
    float: left;
  }

  .affiliateItem
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 245px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 230px;
  }

    .affiliateItem.expended .affiliateMore
    {
      background-image: url(/_media/image/1915/ico-moreexpended.png);
    }

    .affiliateItem.expended:hover .affiliateMore
    {
      background-image: url(/_media/image/1915/ico-moreexpendedhover.png);
    }

  .affiliateContent
  {
    background-color: #1e1e1e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    left: 0px;
    padding: 0px 10px;
    position: absolute;
    top: 150px;
    width: 230px;
    -moz-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in;
  }

  .affiliateTitle
  {
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-top: 10px;
    vertical-align: top;
    width: 100%;
  }

  .affiliateText
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    height: 70px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .affiliateItem .affiliateMore
  {
    background-image: url(/_media/image/1915/ico-morehover.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 1000;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
  }

  .affiliateItem:hover .affiliateMore
  {
    background-size: 41px 41px;
  }

  .affiliateItem:hover .affiliateContent
  {
    top: 92px;
  }

  .affiliateItem:active .affiliateContent
  {
    top: 92px;
  }

  .affiliateViewer .affiliateItem:nth-child(3n)
  {
    margin-right: 0px;
  }

  .expended .studyContent
  {
    top: 0px!important;
    width: 100%;
  }

  .affiliateItem.expended .affiliateContent
  {
    top: 92px;
  }
  /* END AFFILIATE VIEWER*/ /* STUDY VIEWER */

  .studyViewer
  {
    clear: both;
    float: left;
  }

  .studyItem
  {
    cursor: pointer;
    float: left;
    height: 245px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 230px;
  }

    .studyItem.expended .studyMore
    {
      background-image: url(/_media/image/1915/ico-moreexpended.png);
    }

    .studyItem.expended:hover .studyMore
    {
      background-image: url(/_media/image/1915/ico-moreexpendedhover.png);
    }

  .studyContent
  {
    background: rgba(00,00,00,0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 245px;
    left: 0px;
    position: absolute;
    top: 180px;
    padding: 0px 10px;
    -moz-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in;
    width: 80%;
  }
  /* HACK ALTITUDE */

  .studyContent
  {
    top: 0px;
  }

  form .masterFrame .mainContentFrame .mainContent .mainContentRight .studyViewer .studyContent
  {
    top: 180px;
    width: 100%;
  }
  /* END HACK ALTITUDE */

  .studyTitle
  {
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    font-weight: normal;
    height: 65px;
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 2px;
    padding-top: 10px;
    vertical-align: top;
    width: 100%;
  }

  .studyText
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    height: 130px;
    line-height: 18px;
    overflow: hidden;
  }

    .studyText p
    {
      color: #ffffff!important;
    }

  .studyButton
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0px!important;
    width: 100%;
  }

  .photoViewer .studyButton
  {
    width: 210px;
  }

  .studyItem .studyMore
  {
    background-image: url(/_media/image/1915/ico-morehover.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 1000;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
  }

  .studyItem:hover .studyMore
  {
    background-size: 41px 41px;
  }

  form .masterFrame .mainContentFrame .mainContent .mainContentRight .studyViewer .studyItem:hover .studyContent
  {
    top: 0px;
  }

  form .masterFrame .mainContentFrame .mainContent .mainContentRight .studyViewer .studyItem:active .studyContent
  {
    top: 0px;
  }

  .studyViewer .studyItem:nth-child(3n)
  {
    margin-right: 0px;
  }
  /* END STUDY VIEWER*/ /* RECREATIF VIEWER */ /* OTHER VIEWER */

  .otherActivity
  {
    font-size: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .activity
  {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
  }

  .otherActivity .activity:nth-child(odd)
  {
    margin-right: 10px;
  }

  .activityTitle:before
  {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .activityTitle
  {
    background-color: rgba(00,00,00,0.6);
    bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 42px;
    left: 0px;
    line-height: 21px;
    padding-left: 10px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
  }
  /* END OTHER VIEWER */ /* END RECREATIF VIEWER*/ /* DEVELOPPEMENT STEP */

  .developpementFrame
  {
    margin-top: 25px;
  }

  .developpementStep
  {
    margin-bottom: 25px;
  }

  .developpementImage
  {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 98px;
  }

  .developpementDescription
  {
    display: inline-block;
    width: 617px;
  }

    .developpementDescription h2
    {
      margin-bottom: 10px;
    }

  .developpementSubStep
  {
    display: inline-block;
    font-size: 0px;
    width: 100%;
    vertical-align: top;
  }

  .subStep
  {
    background-color: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 175px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 195px;
  }

    .subStep .subStepImage:before
    {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .subStep .subStepImage
    {
      display: inline-block;
      height: 90px;
      vertical-align: middle;
    }

      .subStep .subStepImage img
      {
        display: inline-block;
        vertical-align: middle;
      }

    .subStep .subStepText p
    {
      bottom: 10px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 12px;
      line-height: 20px;
      padding: 0px 5px;
      position: absolute;
      width: 100%;
    }

  .developpement .button
  {
    margin-left: 100px;
  }
  /* END DEVELOPPEMENT STEP*/ /* FABRICATION STEP */

  .fabrication h2
  {
    margin-top: 15px;
  }
  /* END FABRICATION STEP */ /* FILIALE LIST */

  .filialeList
  {
    background-image: url(/_media/image/1915/spacer-grey.jpg);
    background-position: 467px top;
    background-repeat: repeat-y;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    width: 100%;
  }

  .filiale
  {
    border-top: 1px solid #e7e7e7;
    font-size: 0px;
  }

  .filialeList .filiale:first-child
  {
    border: 0px;
  }

  .filialeLeft
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    vertical-align: top;
    width: 468px;
  }

  .filialeRight
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    vertical-align: top;
    width: 244px;
  }

    .filialeRight > span > span > .button
    {
      margin-bottom: 20px;
      padding-right: 0px!important;
      width: 100%!important;
    }

  .filialeCertification
  {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 14px;
    height: 45px;
  }

    .filialeCertification p
    {
      line-height: 20px;
      padding-bottom: 0px;
    }

  .filialeLeft p
  {
    line-height: 20px;
  }

  .filialeLeft h3
  {
    margin-bottom: 10px;
  }

  .filialeLeft ul
  {
    margin-bottom: 20px;
  }

    .filialeLeft ul li
    {
      background-position: 20px center;
      line-height: 20px;
      padding-left: 30px;
    }
  /* END FILIALE LIST */ /* JOB SELECTION FRAME */

  .jobSelectFrame
  {
    margin-top: 15px;
    width: 320px;
  }

  .jobTitleFrame
  {
    margin-bottom: 16px;
  }

  .jobSelectTitle, .jobDescriptionTitle
  {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }

  .jobSelectTitle
  {
    color: #691b26;
    font-weight: bold;
  }

  .jobDescriptionTitle
  {
    color: #303030;
    float: right;
    font-weight: normal;
  }

  .job:before
  {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .job
  {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 0px;
    height: 28px;
    vertical-align: middle;
    width: 305px;
  }

  .jobLabel
  {
    color: #303030;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    width: 225px;
  }

    .jobLabel input[type="checkbox"]
    {
      margin-right: 7px;
    }

    .jobLabel span
    {
      position: relative;
      top: -1px;
    }

  .jobDescription
  {
    display: inline-block;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 70px;
  }

    .jobDescription img
    {
      cursor: pointer;
    }

  .jobOther
  {
    border-bottom: 0px;
    height: 52px;
    margin-bottom: 10px;
    width: 305px;
  }

    .jobOther .jobLabel
    {
      height: 52px;
      margin-top: 9px;
      width: 300px;
    }

    .jobOther input[type="text"]
    {
      border: 1px solid #cccccc;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #a4a4a4;
      display: inline-block;
      height: 33px;
      padding: 0px 6px;
      width: 204px;
    }

  .toolTipDescription
  {
    background-color: #f0f0f0;
    border: 1px solid #cecece;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 400px;
    padding: 15px 15px;
    position: absolute;
    right: -415px;
    top: -12px;
    text-align: left;
  }

  .toolTipTitle
  {
    background-image: url(/_media/image/1915/img-arrowtooltip.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #303030;
    font-family: Arial, sans-serif;
    padding-left: 23px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative;
    left: -23px;
  }

  .toolTipText
  {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  .fileUploader
  {
    width: 420px;
  }

  .fileUploaderRow
  {
    margin-bottom: 6px;
  }

  .fileUploaderLabel
  {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 133px;
  }

  .fileUploaderInput
  {
    display: inline-block;
    width: 266px;
  }

    .fileUploaderInput input[type="text"]
    {
      border: 1px solid #cccccc;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #a4a4a4;
      display: inline-block;
      height: 33px;
      padding: 0px 6px;
      width: 204px;
    }

  .fileUploaderCv
  {
  }

  .fileUploaderUploaded
  {
  }

  .fileUploaderInput input[type="file"]
  {
    border: 0px;
  }

  .fileUploader a.button
  {
    margin-left: 133px;
    margin-top: 10px;
    padding-right: 60px;
  }

  .fileUploaderInput
  {
    position: relative;
  }

    .fileUploaderInput label
    {
      color: #691B26;
      position: absolute;
      font-size: 0.8rem;
      right: -70px;
      top: 10px;
    }

  .ReplacementDiv
  {
  }

    .ReplacementDiv .ReplacementButton
    {
      background-color: #d5d5d5;
      color: #003e7e;
      cursor: pointer;
      display: inline-block;
      float: none!important;
      font-family: Arial, sans-serif;
      font-size: 14px;
      line-height: 23px;
      height: 23px;
      padding: 0px 12px;
    }

      .ReplacementDiv .ReplacementButton:hover
      {
        background-color: #fff;
      }

      .ReplacementDiv .ReplacementButton.hover.down
      {
        background-color: #fff;
      }

  .ReplacementButton input
  {
    color: #000;
  }
  /* END JOB SELECTION FRAME */ /* AVAILABLE JOB */

  .availableJob h3
  {
    margin-bottom: 10px;
  }

  .availableJob ul
  {
    margin-bottom: 20px;
  }
  /* END AVAILABLE JOB */ /* LOGO VIEWER */

  .logoViewer
  {
    border-bottom: 1px solid #e1e1e1;
    font-size: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .logoItem
  {
    display: inline-block;
    font-size: 0px;
    margin-bottom: 50px;
    margin-right: 40px;
    width: 200px;
  }

  .logoViewer .logoItem:nth-child(3n)
  {
    margin-right: 0px;
  }

  .logoItem img
  {
    height: 80px;
    margin-bottom: 20px;
    width: 190px;
  }

  .logoItem h3
  {
    margin-bottom: 10px;
  }

  .logoFormat
  {
    text-align: center;
  }

    .logoFormat a
    {
      color: #0d4f93;
      font-family: Arial,sans-serif;
      font-size: 14px;
      font-weight: normal;
      padding: 0px 5px;
      text-decoration: none;
    }

      .logoFormat a:first-child
      {
        border-right: 1px solid #7c7c7c;
      }

      .logoFormat a:hover
      {
        color: #003872;
      }

      .logoFormat a:active
      {
        color: #4a4a4a;
      }
  /* END LOGO VIEWER */ /* DOCUMENT VIEWER */

  .documentList
  {
    clear: both;
    float: left;
  }

  .document
  {
    border-bottom: 1px dashed #e1e1e1;
    float: left;
    font-size: 0px;
    padding: 15px 0px;
    width: 345px;
  }

  .documentList.fullLengthRow
  {
    width: 100%;
  }

    .documentList.fullLengthRow .document
    {
      width: 100%;
    }

  .document:before
  {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .document img
  {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
  }

  .documentList .document:nth-child(odd)
  {
    margin-right: 25px;
  }

  .documentInfo
  {
    display: inline-block;
    padding-left: 12px;
    vertical-align: middle;
    height: 100%;
  }

  .documentTitle a
  {
    display: inline-block;
    vertical-align: middle;
    color: #0d4f93;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
    text-decoration: none;
  }

  .documentFormat
  {
    color: #7b7b7b;
    font-family: Arial, sans-serif;
    font-size: 13px;
  }

  .documentTitle a:hover
  {
    color: #003872;
  }

  .documentTitle a:active
  {
    color: #4a4a4a;
  }
  /* END DOCUMENT VIEWER */ /* GREY INFO */

  .contextBox
  {
    position: relative;
  }

    .contextBox h2
    {
      clear: left;
    }

  .contextText
  {
    clear: left;
    min-height: 140px;
  }

  .greyInfo
  {
    background-color: #f1f1f1;
    border: 1px solid #d7d7d7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 15px;
    right: 0px;
    top: 0px;
    width: 230px;
  }

  .redInfoTitle
  {
    color: #691b26;
    font-size: 18px;
    margin-bottom: 12px;
  }

  .blackSubTitle
  {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .greyInfoText
  {
    font-family: Arial, sans-serif;
    font-size: 14px;
  }

  .blackSubTitle + .greyInfoText
  {
    margin-bottom: 25px;
  }
  /* END GREY INFO */

  .sectionFrame
  {
    clear: both;
  }
  /* END RIGHT SIDE */ /* EXPERTISE HOME VIEWER */

  .expertiseHomeViewer
  {
    clear: both;
    float: left;
  }

  .expertiseItem
  {
    cursor: pointer;
    float: left;
    height: 245px;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 230px;
  }

    .expertiseItem.expended .expertiseMore
    {
      background-image: url(/_media/image/1915/ico-moreexpended.png);
    }

    .expertiseItem.expended:hover .expertiseMore
    {
      background-image: url(/_media/image/1915/ico-moreexpendedhover.png);
    }

  .expertiseContent
  {
    background: rgba(00, 00, 00, 0.8);
    height: 245px;
    left: 0px;
    position: absolute;
    top: 183px;
    width: 230px;
    -moz-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in;
  }

  .expertiseTitle
  {
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    line-height: 20px;
    overflow: hidden;
    height: 70px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 100%;
  }

    .expertiseTitle a
    {
      color: #fff;
      text-decoration: none;
    }

  .expertiseText
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    padding: 0px 10px;
  }

  a.button.expertiseButton
  {
    position: absolute;
    bottom: 8px;
    padding-right: 82px;
    right: 10px;
    width: 210px;
  }

    a.button.expertiseButton span
    {
      width: 40px;
    }

  .expertiseItem .expertiseMore
  {
    background-image: url(/_media/image/1915/ico-morehover.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 1000;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
  }

  .expertiseItem:hover .expertiseMore
  {
    background-size: 41px 41px;
  }

  .expertiseItem:hover .expertiseContent
  {
    top: 0px;
  }

  .expertiseItem:active .expertiseContent
  {
    top: 0px;
  }

  .expertiseHomeViewer .expertiseItem:nth-child(3), .expertiseHomeViewer .expertiseItem:nth-child(5), .expertiseHomeViewer .expertiseItem:nth-child(3) .expertiseContent, .expertiseHomeViewer .expertiseItem:nth-child(5) .expertiseContent
  {
    width: 469px;
  }

  .expertiseItem.expended .expertiseContent
  {
    top: 0px;
  }

  form .mobileButtonFrame
  {
    display: none;
  }
  /*.expertiseHomeViewer .expertiseItem:nth-child(3), .expertiseHomeViewer .expertiseItem:nth-child(5)                                                                                                                                                                                                                                                                                                     {                                                                                                                                                                                                                                                                                                       width:469px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }                                                                                                                                                                                                                                                                                                   */ /* END EXPERTISE HOME VIEWER*/ /* END MAIN CONTENT */ /* TIMELINE */

  .timelineFrame
  {
    min-width: 100%;
    overflow-x: hidden;
    position: relative;
    width: 100%;
  }

  .timelineSlide
  {
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 100%;
  }

    .timelineSlide > span > img
    {
      display: block; /*height:508px;                                                                                                                                                   */
      min-width: 1400px;
      max-width: 2000px;
      margin: 0px auto;
      width: 100%;
      z-index: 50;
    }

  .timelineContent
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0px auto;
    max-width: 960px;
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 4%;
    width: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 1000;
  }

  .timelineImage
  {
    border: 5px solid #fff;
    float: left;
  }

  .bx-wrapper .timelineImage img
  {
    min-width: 0px!important;
    width: 100%;
  }

  .timelineDescription
  {
    display: block;
    float: left;
    padding-left: 5%;
    margin-top: 5%;
    text-align: left;
    width: 60%;
  }

  .timelineYear
  {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 3%;
    width: 100%;
  }

  .timelineText
  {
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    line-height: 25px;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }

    .timelineText p
    {
      margin: 0px;
      padding: 0px;
      width: 100%;
    }

  .timelineSlide img.mask
  {
    min-width: initial;
    position: absolute;
    top: 0px;
    z-index: 500;
  }

  .timelineArrows
  {
    position: absolute;
    margin: 0px auto;
    max-width: 960px;
    left: 0px;
    right: 0px;
    top: 31%;
    width: 100%;
    z-index: 200;
  }

  @media only screen and (max-width: 1800px) and (min-width: 641px)
  {
    .timelineContent
    {
      padding-top: 2%;
    }
  }

  @media only screen and (max-width: 1500px) and (min-width: 641px)
  {
    .timelineContent
    {
      padding-top: 0.8%;
    }
  }

  @media only screen and (max-width: 1300px) and (min-width: 641px)
  {
    .timelineArrows
    {
      top: 32%;
    }
  }

  .timelineLeftArrow, .timelineRightArrow
  {
    cursor: pointer;
    position: absolute;
    width: 2.5%;
  }

  .timelineLeftArrow
  {
    left: 0px;
  }

  .timelineRightArrow
  {
    right: 0px;
  }

    .timelineLeftArrow a, .timelineRightArrow a
    {
      width: 100%;
    }

      .timelineLeftArrow a img, .timelineRightArrow a img
      {
        width: 100%;
      }

  .timelineLeftArrow:before
  {
    content: url(/_media/image/1915/img-timelineleftline.png);
    left: -430px;
    position: relative;
    top: 23px;
  }

  .timelineRightArrow:before
  {
    content: url(/_media/image/1915/img-timelinerightine.png);
    left: 70px;
    position: relative;
    top: 23px;
  }

  .pastYear, .incomingYear
  {
    cursor: pointer;
  }

  .pastYear, .incomingYear, .incomingYear2
  {
    color: #fff;
    font-size: 30px;
    height: 40px;
    top: -20px;
    position: absolute;
    text-align: center;
    width: 100px;
  }

  .pastYear
  {
    left: -250px;
    z-index: 1000;
  }

  .incomingYear
  {
    right: -160px;
  }

  .incomingYear2
  {
    opacity: 0.6;
    right: -355px;
  }

  .timelineShadow
  {
    background-color: rgba(00,00,00,0.6);
    padding-bottom: 1.5%;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
  }

  .breadcrumb
  {
    font-size: 12px;
    margin: 0px auto;
    padding-top: 18px;
    max-width: 960px;
  }

    .breadcrumb span
    {
    }

      .breadcrumb span a, .breadcrumb span span
      {
        color: #fff;
        font-family: Arial, sans-serif;
      }

      .breadcrumb span a
      {
        text-decoration: none;
      }

      .breadcrumb span img
      {
        padding: 0px 3px 0px 4px;
      }

      .breadcrumb span span
      {
      }

  .timelineTitle
  {
    margin: 0px auto;
    max-width: 960px;
  }

    .timelineTitle h1
    {
      color: #fff;
      font-size: 48px;
      margin-top: 25px;
      text-transform: uppercase;
    }

  .timelineSubTitle
  {
    color: #fff;
    font-size: 20px;
    margin: 7px auto 0px;
    max-width: 960px;
    text-transform: uppercase;
  }
  /* END TIMELINE*/ /* PAGE BANNER */

  .pageBannerFrame
  {
    min-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

    .pageBannerFrame > span > img
    {
      display: block;
      min-width: 1400px;
      max-width: 2000px;
      margin: 0px auto;
      width: 100%;
      z-index: 50;
    }

  .pageBannerShadow
  {
    background-color: #000;
    background-color: rgba(00,00,00,0.6); /*height: 32%;                                                                                                                                                                                                                                                                                                   */
    padding-bottom: 1.1%;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 50;
  }

    .pageBannerShadow.pageBannerMoulage
    {
      height: 51%;
    }

  .pageBannerTitle h1, .pageBannerSubTitle
  {
    color: #fff;
  }

  .pageBannerTitle h1
  {
    color: #fff;
    font-size: 48px;
    margin: 1.4% auto 0px;
    max-width: 960px;
    text-transform: uppercase;
  }

  .pageBannerMoulage .pageBannerTitle h1
  {
    margin-top: 1.1%;
  }

  .pageBannerTitle h1 span
  {
    display: block;
  }

  .pageBannerSubTitle
  {
    font-size: 20px;
    margin: 5px auto;
    max-width: 960px;
    text-transform: uppercase;
  }

  .carriere h2
  {
    margin-top: 0px!important;
  }

  .carriere h3 + div
  {
    color: #303030;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-heigeht: 14px;
    padding-bottom: 40px;
  }

  .carriere .jobLink a
  {
    background-image: url(/_media/image/1915/ico-bullet.png);
    background-position: 32px 11px;
    background-repeat: no-repeat;
    display: block;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding-left: 42px;
  }

  .espaceCaptcha
  {
    font-family: arial, sans-serif!important;
    font-size: 16px!important;
    font-weight: normal!important;
  }
  /* END PAGE BANNER */

  .bxslider
  {
    display: block!important;
  }

  .lightbox-image
  {
    max-width: 940px!important;
  }

  .flex-direction-nav li a
  {
    opacity: 1!important;
  }

  .flex-direction-nav li .flex-prev
  {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9000;
  }

  .flex-direction-nav li .flex-next
  {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9000;
  }

  .flex-viewport
  {
    padding: 0 45px;
  }

  .slides > span
  {
    height: 183px;
  }

    .slides > span > a > img
    {
      height: 128px!important;
    }

.btnCarriere{
  background-color:#e41b13;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
display:inline-block;
  color:#fff;
  float:right;
  font-family:arial;
  font-size:11px;
  height:28px;
  line-height:28px;
  margin-left:6px;
  padding:0px 10px 0px 12px;
  text-decoration:none;
}     

.btnCarriere:hover{
  opacity:0.5;
}

.btnCarriere:after{
  content:'\f061';
  font-family:fontawesome;
  padding-left:7px;
}


  /* FOOTER */

  .footerFrame
  {
    background-image: url(/_media/image/1915/bg-footer.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 199px;
    width: 100%;
  }

  .footer
  {
    margin: 0px auto;
    max-width: 960px;
  }

  .footerTop
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 155px;
    padding-top: 28px;
    width: 100%;
  }

  .footerLogo
  {
    float: left;
    width: 125px;
  }

    .footerLogo img
    {
      width: 120px;
    }

  .footerContent
  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0px 10px;
    width: 540px;
  }

  .footerTitle
  {
    color: #313131;
    font-size: 16px;
    margin-bottom: 11px;
  }

  .footerText
  {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
  }

  .footerLink
  {
    float: right;
    width: 234px;
  }

  .footerLinks .footerTitle
  {
    float: right;
  }

  .footerLinks a
  {
    float: left;
    height: 40px;
    margin-right: 10px;
    width: 40px;
  }

    .footerLinks a.linkedin
    {
      background-image: url(/_media/image/1915/linkedin-ico.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .footerLinks a.googleplus
    {
      background-image: url(/_media/image/1915/google-ico.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .footerLinks a.youtube
    {
      background-image: url(/_media/image/1915/youtube-ico.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .footerLinks a.facebook
    {
      background-image: url(/_media/image/1915/facebook-ico.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .footerLinks a.twitter
    {
      background-image: url(/_media/image/1915/twitter-ico.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      background-size: 100% 100%;
    }

    .footerLinks a:hover
    {
      opacity: 0.5;
    }

  .footerBottom
  {
    color: #313131;
    font-family: Arial, sans-serif;
    font-size: 12px;
    height: 44px;
  }

    .footerBottom a
    {
      color: #691b26;
      line-height: 44px;
      text-decoration: none;
    }

      .footerBottom a:hover
      {
        text-decoration: underline;
      }

  .copyright
  {
    float: left;
  }

  .footerRealisation
  {
    padding-left: 36px;
  }

  .menuCss3
  {
    float: right;
  }

    .menuCss3 ul
    {
      float: left;
      padding-right: 4px;
    }

      .menuCss3 ul li
      {
        background-image: url(/_media/image/1915/spacer-footer.jpg);
        background-position: left center;
        background-repeat: no-repeat;
        float: left;
        padding: 0px 4px;
      }

        .menuCss3 ul li:first-child
        {
          background-image: none;
        }

        .menuCss3 ul li a
        {
        }
  /* END FOOTER */ /* HIDE MOBILE */

  form .mobileMenuFrame
  {
    display: none!important;
  }

  .mobileMenuIcon
  {
    display: none;
  }

  #c5_ctl00_c7_c8_N370c1744ad56453ca379a5d0563436e0
  {
    display: none;
  }

  #c5_ctl00_c7_c8_Nbe506bd9d3564e17bc961221d3d5fe20
  {
    display: none;
  }

  .fileUploader .form-wrapline
  {
    padding: 0px;
    padding-right: 80px;
    text-align: right;
  }

  .fileUploader .fileUploaderLabel
  {
    width: 133px!important;
  }

  .fileUploader .fileUploaderInput .ReplacementDiv
  {
    margin: 0px;
    padding: 0px;
  }

    .fileUploader .fileUploaderInput .ReplacementDiv .ReplacementButton
    {
      background: #fff;
      border: 0px;
      cursor: pointer;
      margin: 0px;
      overflow: visible;
      padding: 0px;
      position: relative;
    }

  .formSubmitButton
  {
    margin-top: 20px;
  }
  /* END HIDE MOBILE */ /* VIEWER QUI SOMMES NOUS */ /* END VIEWER QUI SOMMES NOUS */
}

@media only screen and (max-width: 1800px) and (min-width: 641px)
{
  .timelineTitle h1
  {
    font-size: 40px;
  }

  .timelineSubTitle
  {
    font-size: 15px;
  }

  .pageBannerTitle
  {
    margin-top: 1%;
  }
}

@media only screen and (max-width: 1670px) and (min-width: 641px)
{
  .timelineTitle h1
  {
    font-size: 32px;
    margin-top: 15px;
  }

  .timelineSubTitle
  {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1500px) and (min-width: 641px)
{
  .pageBannerTitle h1
  {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1120px) and (min-width: 641px)
{
  .slideText
  {
    bottom: 150px;
    font-size: 20px;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1150px) and (min-width: 641px)
{
  .slideText
  {
    bottom: 100px;
    margin-left: 70px;
  }

  .sectionBanner
  {
    border: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
    max-width: 100%;
    top: -20%;
    width: 1024px!important;
  }

  .sectionBannerContainer
  {
    width: 1024px;
  }

  .bannerTitle
  { /* bottom: 25px;                                                                                                                                                                                                                                                                                                   font-size: 95%;                                                                                                                                                                                                                                                                                                       padding-left: 230px;                                                                                                                           */
  }
  /*  .bannerTitle div strong                                                                                                                                                                                                                                                                                                       {                                                                                                                                                                                                                                                                                                         font-size: 45px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }                                                                                                                              */ /* .bannerItem                                                                                                                                                                                                                                                                                                     {                                                                                                                                                                                                                                                                                                       background-size: 100%;                                                                                                                                                                                                                                                                                                       width: 255px!important;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        }                                                                                                                                                                                                                                                                                                       .bannerItem a                                                                                                                                                                                                                                                                                                       {                                                                                                                                                                                                                                                                                                         width: 250px!important;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }                                                                                                                                                                           */ /*  .bannerItem img                                                                                                                                                                                                                                                                                                       {                                                                                                                                                                                                                                                                                                         width: 255px;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }                                                                                                                                                                            */ /*.bannerItem.industriel                                                                                                                                                                                                                                                                                                       {                                                                                                                                                                                                                                                                                                         width: 253px!important;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }                                                                                                                                                                            */
}


/* StyleSheet File : ~/en-CA/_media/stylesheet/174.css */
/** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com *//** RESET AND LAYOUT===================================*/.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom: 1;}.bxslider{display:block!important;}.bx-wrapper img { max-width: 100%; display: block;}  .bx-wrapper img  {    display: block;    width: 100%;    min-width: 1400px;  }.bxslider img{display:block;}.exampleViewerContent .bx-wrapper .exemple img{  min-width: 218px;}.exampleViewerContent .bx-wrapper .bxslider img{  min-width: initial;  width:auto;}  @media only screen and (max-width: 640px){  .bx-wrapper img  {    max-width: 100%;    min-width:initial;    width:auto;  }.productViewer .bx-wrapper img{  min-width: 468px;}}/** THEME===================================*/.bx-wrapper .bx-viewport { border: 0px; background: #fff;  margin:0px auto;  /*max-width:2000px;*/}.mainContent .exampleViewerContent span > span{ /* margin-left:10px;*/max-width:218px;}.mainContent .exampleViewerContent a{  max-width:218px;}.exampleViewerContent .bx-wrapper .bx-viewport { border: 0px; background-color:transparent;  margin:0px auto;}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {  display:none; position: absolute; bottom: -30px; width: 100%;}/* LOADER */.bx-wrapper .bx-loading { min-height: 50px; /*background: url(images/bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}/* PAGER */.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000;}/* DIRECTION CONTROLS (NEXT / PREV) */.bx-wrapper .bx-prev { left: 10px; /*background: url(images/controls.png) no-repeat 0 -32px;*/}.bx-wrapper .bx-next { right: 10px; /*background: url(images/controls.png) no-repeat -43px -32px;*/}.bx-wrapper .bx-prev:hover { background-position: 0 0;}.bx-wrapper .bx-next:hover { background-position: -43px 0;}.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}.bx-wrapper .bx-controls-direction a.disabled { display: none;}/* AUTO CONTROLS (START / STOP) */.bx-wrapper .bx-controls-auto { text-align: center;}.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; /*background: url(images/controls.png) -86px -11px no-repeat;*/ margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; /*background: url(images/controls.png) -86px -44px no-repeat;*/ margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}/* IMAGE CAPTIONS */.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_161_en_CA.css */
div          {                    }         .subPanelCss24c87cfed4f84e91aa6f7d2c8a9c4865          {          float: right;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a          {          text-align: right;          padding-left: 7px;          float: right;          box-sizing: border-box;          -moz-box-sizing: border-box;          -webkit-box-sizing: border-box;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul          {          margin: 0px;          padding: 0px;          width: 100%;          text-align: right;          clear: both;          float: right;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li          {          margin: 8px 0px 0px;          height: auto !important;          text-align: right;          padding-left: 1.45%;          float: right;          position: relative;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > a          {          transition:color 0.4s;          color: rgb(105, 105, 105);          font-family: Arial, sans-serif;          font-size: 11px;          text-decoration: none;          display: block;          -webkit-transition: color 0.4s;          -moz-transition: color 0.4s;          -o-transition: color 0.4s;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li.parent > a          {          background-position: right 4px;          padding-right: 12px;          background-repeat: no-repeat;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li:hover > a, #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li.selected > a          {          color: rgb(105, 27, 38);                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div::before          {          left: 43px;          top: -10px;          width: 16px;          height: 10px;          position: absolute;          z-index: 10000;          content: '';                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div          {          left: -20px;          top: 25px;          width: 260px;          display: none;          position: absolute;          z-index: 2000;          box-sizing: border-box;          box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.4);          -webkit-box-shadow: 0 0px 2px 1px rgba(000, 000, 000, 0.4);          -moz-box-sizing: border-box;          -webkit-box-sizing: border-box;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li:hover > div          {          display: block;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div > ul          {          padding: 6.53% 6.92% 7.07%;          width: 260px;          display: block;          box-sizing: border-box;          background-color: rgb(243, 243, 243);          -moz-box-sizing: border-box;          -webkit-box-sizing: border-box;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div > ul > li          {          margin: 11px 0px 0px;          padding: 0px;          text-align: left;          display: block;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div > ul > li:first-child          {          margin: 0px;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div > ul > li > a          {          margin: 0px;          padding: 0px;          transition:color 0.4s;          color: rgb(105, 105, 105);          line-height: 15px;          font-family: Arial, sans-serif;          font-size: 12px;          text-decoration: none;          display: block;          -webkit-transition: color 0.4s;          -moz-transition: color 0.4s;          -o-transition: color 0.4s;                   }         #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a > ul > li > div > ul > li > a:hover          {          color: rgb(105, 27, 38);                   }         .cultureItemLiSelected24c87cfed4f84e91aa6f7d2c8a9c4865          {          display: none;                   }         .CultureSelectedTextCssb14ca23cc1e942298e1b5e1541ee0f8d          {          display: none;                   }         .cultureItemLiSelectedb14ca23cc1e942298e1b5e1541ee0f8d          {          display: none;                   }          #c5_ctl00_c7_c8_N370c1744ad56453ca379a5d0563436e0        {                       float:right;                       margin-right:7.5%;                       margin-top:6.25%;                       list-style:none;          }                      #c5_ctl00_c7_c8_N370c1744ad56453ca379a5d0563436e0 ul                     {                          list-style:none;                       }                      #c5_ctl00_c7_c8_N370c1744ad56453ca379a5d0563436e0 ul li                     {                       list-style:none;                             }                      #c5_ctl00_c7_c8_N370c1744ad56453ca379a5d0563436e0 ul li a                     {     list-style:none;                       color:#305090;                       font-family:Arial, sans-serif;                       font-size:1.875rem;                       font-weight:bold;                       text-decoration:none;                             }   



/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_858_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_175_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_172_en_CA.css */
div   {      } 

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_176_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_173_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_180_en_CA.css */
div  {    } .N8fefbdfbd34c46fbb27520c785ab0bccCss  {    } .greyBanner  {    } .N05e5d5b443204bbd9c5e101b99c19939Css  {  width: 100%;   } .N401ede9dfe09400cb5bf44b922b2ae13Css  {  width: 100%;   } 

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_179_en_CA.css */
   @media only screen and (min-width:641px){ .sectionBanner {      top: 0px;  }}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_178_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_184_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Dynamic_185_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_181_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_182_en_CA.css */
div   {      }   .mobileMenuFrame {  display:block;    }  

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_575_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_576_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_584_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_css/UserControl_LT_Static_614_en_CA.css */
div{}

/* StyleSheet File : ~/en-CA/_media/stylesheet/160.css */
@media only screen and (max-width: 640px) { /* RESET */ /* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }

  body {
    line-height: 1;
  }

  ol, ul {
    list-style: none;
  }

  blockquote, q {
    quotes: none;
  }

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

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

  strong {
    font-weight: 700;
  }
  /* END RESET */

  * {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased !important;
  }

  html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }

  html {
    background-color: #ffffff;
    height: 100%;
  }

  body {
    font-family: 'Montserrat', sans-serif;
    font-size: 100%;
    margin: 0 auto;
    max-width: 640px;
    min-height: 100%;
    position: relative;
  }

  form {
    height: 100%;
    width: 100%;
  }

  h3 {
    color: #303030;
    font-size: 1.375rem;
    font-weight: 600;
    padding-bottom: 2.85714%;
  }

  p {
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.750rem;
    padding-bottom: 3.571428%;
  }

  ul {
  }

    ul li {
      list-style-type: disc;
      list-style-position: inside;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
      font-size: 1.125rem;
      line-height: 1.500rem;
      margin-bottom: 2%;
      padding-left: 9.214285%;
      width: 100%;
    }

  .mainContentRight ul {
    margin-bottom: 10%;
  }

  .contextText ul {
    margin-left: 8%;
  }

    .contextText ul li {
      list-style-position: outside;
      padding-left: 4%;
    }

  ol {
  }

    ol li {
      list-style-type: decimal;
      list-style-position: inside;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Arial, sans-serif;
      font-size: 1.125rem;
      line-height: 1.500rem;
      margin-bottom: 2%;
      padding-left: 9.214285%;
      text-indent: -3.414285%;
      width: 100%;
    }

  .mainContentRight table td {
    border: 1px solid #E7E7E7;
    padding: 2%;
  }

  .masterFrame {
    min-height: 100%;
    width: 100%;
  }

  .mainContent a {
    color: #0d4f93;
    text-decoration: none;
  }

    .mainContent a:hover {
      color: #003872;
    }

    .mainContent a:active {
      color: #4a4a4a;
    }

  .mainContent h4 {
    color: #691b26;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0.892857%;
  }

  .carriere {
  }

    .carriere ul {
      margin-bottom: 8%;
      margin-top: 4%;
    }

    .carriere a.button span {
      font-size: 1.315rem;
    }

      .carriere a.button span + span {
        width: 12%;
      }
  /*    .carriere a.button{      font-size: 1rem;      width: 80%;    }*/

  a.button span + span { /* width: 12%!important;*/
  }

  .jobPage ul {
    margin-bottom: 8%;
  }
  /* HEADER */

  .headerFrame {
    clear: both;
    float: left;
    width: 100%;
  }

  .header {
    background-color: #fff;
    float: left;
    position: relative;
    width: 100%;
  }

    .header h1 {
    }

    .header > h1, .header > .logoLink {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      padding: 3.125% 0% 3.125% 4.875%;
      width: 45.8125%;
    }

    .header a.logoLink .logo, .header h1 a.logoLink .logo {
      width: 100%;
    }

  .menuCss1 {
    display: none;
  }

  .menuCss2 {
    display: none;
  }

  .mainContentLeft {
    display: none;
  }

  .search {
    display: none;
  }

  .mobileMenuIcon {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    margin-top: 3.2125%;
    vertical-align: middle;
    width: 15.3125%;
  }

    .mobileMenuIcon img {
      cursor: pointer;
      width: 70%;
    }

  .mobileMenuFrame {
    background-color: rgba(00,00,00,0.8);
    display: none;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 20000;
  }

  form .mobileMenuFrame {
    display: none;
  }

  .mobileMenu {
    background-color: #fff;
    width: 100%;
  }

  .mobileSearch {
    background-color: #f5f5f5; /* background-image: url(/_media/image/1899/ico-menuactive.png);    background-position: 94.8125% center;    background-repeat: no-repeat;    background-size: 11.09375% auto;*/
    clear: both;
    float: left;
    padding-top: 2.5%;
    width: 100%;
  }

    .mobileSearch div:first-child {
      float: left;
      position: relative;
      width: 83%;
    }

      .mobileSearch div:first-child img {
        position: absolute;
        right: 5%;
        top: 30%;
        width: 5%;
      }

    .mobileSearch input { /*background-image: url(/_media/image/1899/ico-loupemobile.png);      background-position: 96.761133% center;      background-repeat: no-repeat;      background-size: 5.36315% auto;*/
      border: 1px solid #e7e7e7;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      font-size: 1.375em;
      height: 10.15625%;
      margin-left: 3.90625%; /*margin-top: 2.65625%;*/
      padding: 3% 0 3% 2.8125%;
      width: 94.1875%;
    }

  .menuCss7 {
    clear: both;
    padding-top: 3.90625%;
  }

    .menuCss7 ul {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      width: 100%;
    }

    .menuCss7 > ul {
      border-bottom: 1px solid #e4e4e4;
      padding: 0px 6.25% 5.625%;
    }

    .menuCss7 ul li {
      background-color: #fff;
      border-bottom: 1px solid #e4e4e4;
      display: block;
      list-style: none;
      margin: 0px;
      padding-left: 0px;
      position: relative;
    }

      .menuCss7 ul li:first-child {
        border-top: 1px solid #e4e4e4;
      }

      .menuCss7 ul li a {
        color: #696969;
        display: inline-block;
        font-size: 1.375em;
        padding-bottom: 5.35714%;
        padding-top: 4.642857%;
        text-decoration: none;
        width: 100%;
      }

    .menuCss7 > ul > li.parent > a {
      background-image: url(/_media/image/1899/ico-arrowmobile.png);
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 3% auto;
    }

    .menuCss7 ul li a:hover, .menuCss7 ul li a:active {
      color: #305090;
    }

    .menuCss7 ul li div {
      display: none;
      visibility: visible !important;
    }

      .menuCss7 ul li div ul { /*padding: 0 0 5.625%;*/
      }

        .menuCss7 ul li div ul li {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 7%;
          width: 100%;
        }

  .mobileCloseMenuButton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: right;
    margin-bottom: 2.8125%;
    margin-top: 0.8%;
    padding-left: 1.71875% 4.21875% 2.5%;
    vertical-align: middle;
    width: 15.3125%;
  }

    .mobileCloseMenuButton img {
      width: 70%;
    }

  .mobileMenuSection {
  }

    .mobileMenuSection a {
      background-image: url(../images/mobile/ico_arrowbackmobile.png);
      background-position: left center;
      background-repeat: no-repeat;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #696969;
      display: block;
      font-size: 2.000rem !important;
      font-weight: bold;
      padding-bottom: 4.5% !important;
      padding-left: 6.071428%;
      width: 100%;
    }
  /* END HEADER */ /* TIMELINE */

  .timelineFrame {
    clear: both;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .timelineSlide { /*min-width: 100%;*/ /* overflow: hidden;*/
    position: relative;
    width: 100%;
  }

    .timelineSlide > img {
      display: block;
      left: -30%;
      margin: 0px auto;
      position: relative;
      text-align: center;
      width: 160%;
      z-index: 50;
    }

  .mask {
    display: none !important;
    position: absolute;
    top: 0px;
    z-index: 1000;
  }

  .timelineImage {
    display: none !important;
  }

  .timelineArrows {
    position: absolute;
    margin: 0px auto;
    max-width: 960px;
    left: 0px;
    right: 0px;
    top: 29.5%;
    width: 100%;
    z-index: 200;
  }

  .timelineLeftArrow, .timelineRightArrow {
    cursor: pointer;
    position: absolute;
  }

  .timelineLeftArrow {
    left: 0px;
  }

  .timelineRightArrow {
    right: 0px;
  }

    .timelineLeftArrow a, .timelineRightArrow a {
    }

      .timelineLeftArrow a img, .timelineRightArrow a img {
        width: 50%;
      }

      .timelineRightArrow a img {
        float: right;
      }

  .timelineShadow {
    background-color: rgba(00,00,00,0.6);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.981rem; /*height: 42%;*/
    padding-left: 6.25%;
    padding-bottom: 2%;
    padding-top: 2.975%;
    padding-right: 3%;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
  }

  .timelineTitle {
    margin: 0px auto;
    max-width: 960px;
  }

    .timelineTitle h1 {
      color: #fff;
      font-size: 1.5rem;
      line-height: 2.05rem;
      margin-top: 0px;
      text-transform: uppercase;
    }

  .timelineSubTitle {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin: 7px auto 0px;
    max-width: 960px;
    text-transform: uppercase;
  }

  .timelineDescription {
    color: #fff;
    padding: 0px 10%;
    text-align: center;
  }

  .timelineYear {
    margin-top: 4%;
  }

  .timelineText span p {
    font-size: 0.8rem;
    line-height: 1.3rem;
    margin-top: 0.6rem;
    margin-bottom: 1%;
  }
  /* END TIMELINE*/

  .pastYear {
    visibility: hidden !important;
    font-size: 0px !important;
    top: 0px;
    left: 0px;
  }

  .incomingYear {
    visibility: hidden !important;
    font-size: 0px !important;
    top: 0px;
    left: 0px;
  }

  .incomingYear2 {
    visibility: hidden !important;
    font-size: 0px !important;
    top: 0px;
    left: 0px;
  }

  .mainContentRight object embed {
    max-width: 100%;
  }
  /* AFFILIATE VIEWER */

  .affiliateViewer {
    clear: both;
    float: left;
  }

  .affiliateItem {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

    .affiliateItem.expended .affiliateMore {
      background-image: url(/_media/image/1899/ico-moreexpendedhover.png);
    }

    .affiliateItem.expended:hover .affiliateMore {
      background-image: url(/_media/image/1899/ico-moreexpendedhover.png);
    }

    .affiliateItem img {
      width: 100%;
    }

  .affiliateContent {
    background: rgba(00,00,00,0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /*height: 150px;*/
    left: 0px;
    padding: 0px 1.785714% 1.785714%;
    position: absolute;
    top: 82%;
    width: 100%;
    -moz-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in;
  }

  .affiliateTitle {
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1rem;
    overflow: hidden;
    padding-bottom: 1.057142%;
    padding-top: 1.78571%;
    vertical-align: top;
    width: 100%;
  }

  .affiliateText {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding-bottom: 18%;
    position: relative;
  }

  .affiliateItem .affiliateMore {
    background-image: url(/_media/image/1899/ico-morehover.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 41px 41px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 1000;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
  }

  .affiliateItem:hover .affiliateMore {
    background-size: 41px 41px;
  }

  .affiliateItem:hover .affiliateContent, .affiliateItem:active .affiliateContent {
    bottom: 0%;
  }

  .affiliateViewer .affiliateItem:nth-child(3n) {
    margin-right: 0px;
  }

  .affiliateItem.expended span.affiliateContent {
    top: 43% !important;
  }

  .affiliate.expended {
    top: 17%;
  }

  .expended .studyContent {
    top: 0px !important;
  }
  /* END AFFILIATE VIEWER*/ /* SHADOW BOX */

  .shadowbox {
    display: none;
  }
  /* END SHADOW BOX */ /* HOME VIEWER */

  .homeViewer {
    clear: both;
    width: 100%;
  }

  .viewerFrame {
    position: relative;
    width: 100%;
  }

  .bxslider {
    clear: both;
    float: left;
    width: 100%;
  }

    .bxslider div.slide {
      margin: 0px;
      padding: 0px;
      position: relative;
      width: 100%;
    }

      .bxslider div.slide .slideContainer {
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
      }

        .bxslider div.slide .slideContainer .slideText {
          bottom: 5.3125%;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-left: 6.25%;
          padding-right: 5%;
          position: absolute;
          width: 100%;
          z-index: 1000;
        }

          .bxslider div.slide .slideContainer .slideText .slideTitle {
            color: #fff;
            font-size: 1.500em;
            margin-bottom: 1.71875%;
            text-shadow: 0 0 8px #000000;
            text-transform: uppercase;
          }

          .bxslider div.slide .slideContainer .slideText .slideSubTitle {
            color: #fff;
            font-size: 1.125rem;
            font-weight: bold;
            text-shadow: 0 0 5px #000000;
            text-transform: uppercase;
          }

          .bxslider div.slide .slideContainer .slideText .button {
            display: none;
          }

      .bxslider div.slide > span > img {
        min-width: 165%;
        width: 165%;
        position: relative;
      }

  .viewerSlideLeft, .viewerSlideRight {
    background-color: rgba(00,00,00,0.6);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    top: 45%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 10%;
  }

    .viewerSlideLeft:hover, .viewerSlideRight:hover {
      background-color: rgba(00,00,00,0.3);
    }

    .viewerSlideLeft:active, .viewerSlideRight:active {
      background-color: rgba(00,00,00,0.9);
    }

    .viewerSlideLeft a, .viewerSlideRight a {
      display: block;
      height: 100%;
      text-align: center;
      width: 100%;
    }

      .viewerSlideLeft a img, .viewerSlideRight a img {
        padding-bottom: 17.1875%;
        padding-top: 15.625%;
        width: 25%;
      }

  .viewerSlideLeft {
    left: 0px;
  }

  .viewerSlideRight {
    right: 0px;
  }
  /* END HOME VIEWER */

  .bxslider div.slide {
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
  }

  .bxslider div.timelineSlide .timelineContent {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
  }

    .bxslider div.timelineSlide .timelineContent .slideText {
      bottom: 5.3125%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 6.25%;
      padding-right: 5%;
      position: absolute;
      width: 100%;
      z-index: 1000;
    }

      .bxslider div.timelineSlide .timelineContent .slideText .slideTitle {
        color: #fff;
        font-size: 1.500em;
        margin-bottom: 1.71875%;
        text-shadow: 0 0 8px #000000;
        text-transform: uppercase;
      }

      .bxslider div.timelineSlide .timelineContent .slideText .slideSubTitle {
        color: #fff;
        font-size: 1.125rem;
        font-weight: bold;
        text-shadow: 0 0 5px #000000;
        text-transform: uppercase;
      }

      .bxslider div.timelineSlide .timelineContent .slideText .button {
        display: none;
      }

  .bxslider div.timelineSlide > span > img {
    min-width: 165%;
    width: 165%;
    position: relative;
  }
  /* GREY BANNER */

  .greyBanner {
    position: relative;
    width: 100%;
  }

  .sectionBanner {
    border-top: 2px solid #fff;
  }

  .sectionBannerContainer {
  }

  .bannerItem {
    background-color: #f3f3f3;
    background-size: 28.28125% auto;
    background-repeat: no-repeat;
    border-bottom: 2px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 5.5625%;
    padding-left: 33.75%;
    padding-top: 6.03125%;
    position: relative;
    text-decoration: none;
    width: 100%;
  }

    .bannerItem img {
      display: inline-block;
      left: 0px;
      opacity: 0;
      position: absolute;
      top: -1em;
      vertical-align: middle;
      width: 28.28125%;
      -webkit-transition: opacity 0.3s ease-in-out;
      -moz-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      z-index: 1;
    }

    .bannerItem span {
      background-image: url(/_media/image/1899/ico-arrowblue.png);
      background-position: 94.375% center;
      background-repeat: no-repeat;
      background-size: auto 100%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #323232;
      display: inline-block;
      height: 100%;
      font-size: 2rem;
      font-weight: 700;
      overflow: hidden;
      padding-bottom: 1%;
      padding-right: 15%;
      padding-top: 1%;
      text-decoration: none;
      text-overflow: ellipsis;
      text-transform: uppercase;
      vertical-align: middle;
      white-space: nowrap;
      width: 100%;
    }

  .bannerTitleFrame {
    background-image: url(/_media/image/1899/bg-greytexture.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 640px;
    overflow: hidden;
    padding-bottom: 6.6%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 7%;
    width: 100%;
  }

  .bannerTitle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff; /*font-size: 1.583rem;*/
    font-size: 140%;
    height: 27.1875%;
    margin: 0px auto;
    background-position: 0px 27.86%;
    text-align: center;
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
    width: 100%;
    z-index: 1000;
  }

  .bannerTitleTop {
    margin-bottom: 0.25em;
    font-size:1.5em;
  }



  .bannerTitleBottom {
    vertical-align: top;font-size:1.15em;
    
  }

    .bannerTitleBottom strong {

      vertical-align: top;
    }

  .bannerItem.recreatif {
    background-image: url(/_media/image/1899/img-recreatif.jpg);
    background-position: 0px -1em;
  }

  .bannerItem.agricole {
    background-image: url(/_media/image/1899/img-agricole.jpg);
    background-position: 0px -1em;
  }

  .bannerItem.defense {
    background-image: url(/_media/image/1899/img-defense.jpg);
    background-position: 0px -1em;
  }

  .bannerItem.industriel {
    background-image: url(/_media/image/1899/img-industriel.jpg);
    background-position: 0px -1em;
  }

  .bannerItem:hover img {
    opacity: 1;
  }
  /* END GREY BANNER */ /* MAIN CONTENT */

  .mainContentFrame {
    background-color: #fff;
    background-image: url(/_media/image/1899/bg-maincontentmobile.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    float: left;
    padding-bottom: 7%;
    padding-top: 5.46875%;
    width: 100%;
  }

    .mainContentFrame.accueilMainContent {
      padding-top: 7.6%;
    }

  .mainContentHome {
  }

    .mainContentHome h2 {
      color: #691b26;
      font-size: 1.698rem;
      padding-bottom: 6.875%;
      padding-left: 6.71875%;
      text-transform: uppercase;
    }

  .mainContent {
  }

  .mainContentRight {
  }

  .padded {
    padding: 0px 6.25%;
  }

  .mainContentRight.recreatif {
    padding: 0px 6.25%;
  }

  .mainContentRight.otherFrame {
    padding: 0px 6.25%;
  }

  .mainContentRight.recreatif .largeLink {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    clear: both;
    display: block;
    margin-bottom: 3%;
    padding: 5.35714% 0px 5.7142857%;
  }

    .mainContentRight.recreatif .largeLink a {
      background-image: url(/_media/image/1899/ico-doublearrrow.png);
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 8px auto;
      color: #0d4f93;
      font-family: Arial, sans-serif;
      font-size: 1.125rem;
      font-weight: 700;
      padding-right: 15px;
      text-decoration: none;
    }

      .mainContentRight.recreatif .largeLink a:hover {
        color: #003872;
      }

      .mainContentRight.recreatif .largeLink a:active {
        color: #4a4a4a;
      }

  .presenceMondiale h3 {
    margin-bottom: 4%;
  }

  .presenceMondiale ul {
    margin-bottom: 7%;
  }

  .mainContentRight h2 + ul {
    margin-bottom: 7%;
  }

  .mainContentRight h3 + h2 {
    margin-top: 4%;
  }

  .presentationText {
    margin-bottom: 2%;
  }

  .caseStudy {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6.25%;
    width: 100%;
  }

  .splitbox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /*  padding: 0px 6.25%;*/
    width: 100%;
  }

    .splitbox.noPadding {
      padding: 0px;
    }
    /*    .splitbox.noPadding .rightSplitContent      {        padding: 0px 6.25%;      }*/

    .splitbox .leftSplitContent {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 1.125rem;
      line-height: 1.750rem;
      padding-bottom: 3.571428%;
    }

      .splitbox .leftSplitContent.reversedCentered {
        padding-bottom: 0;
      }

        .splitbox .leftSplitContent.reversedCentered .splitRedTitle {
          color: #691B26;
          font-family: Montserrat, sans-serif;
          font-size: 2.15rem;
          line-height: 2.875rem;
          margin-top: 5.35714%;
          text-transform: uppercase;
        }

  .splitRedTitle strong {
    font-weight: 700;
  }

  .splitbox .leftSplitContent .splitRedTitle.redMobileTitle {
    color: #691B26;
    font-family: Montserrat, sans-serif;
    font-size: 2.15rem;
    line-height: 2.875rem;
    margin-top: 5.35714%;
    text-transform: uppercase;
  }

  .splitbox .rightSplitContent {
    color: #691b26;
    font-size: 2.150rem;
    line-height: 2.875rem;
    text-transform: uppercase;
  }

  .rightSplitContent.mobileNormalText p {
    color: #303030;
    font-family: Arial,sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-transform: none;
  }

  .splitbox .rightSplitContent strong {
  }

  .rightSplitContent.reversedCentered {
  }

    .rightSplitContent.reversedCentered h2 {
      font-size: 2rem;
      text-transform: none;
    }

    .rightSplitContent.reversedCentered p {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 1.132rem;
      line-height: 1.698rem;
      text-transform: none;
    }

  .desktopButtonFrame {
    display: none !important;
  }

  .largeLink {
    display: none;
  }

  .mobileButtonFrame .mobileButton:first-child {
    margin-right: 2%;
  }

  .mobileButtonFrame.singleButton .mobileButton:first-child {
    margin-right: 0px !important;
  }

  .button.mobileButton {
    background-color: #003E7E;
    line-height: initial;
    font-size: 1.375rem;
    text-align: center;
    text-transform: none;
    padding-bottom: 4.785714%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4.785714%;
    vertical-align: top;
    width: 49%;
  }

  .mobileButtonFrame.singleButton .mobileButton {
    width: 100% !important;
  }

  .button.mobileButton span {
    display: none !important;
  }

  .mobileButtonFrame {
    border-bottom: 2px solid #e0e0e0;
    border-top: 2px solid #e0e0e0;
    font-size: 0px;
    margin-bottom: 6.25%;
    margin-top: 5.35714%;
    padding: 4.464285% 0px;
    width: 100%;
  }

  .longMobileButton {
    width: auto !important;
  }

    .longMobileButton span + span {
      width: 12%;
    }

  .greyBox {
    background-color: #f3f3f3;
    margin-top: 6.25%;
    padding: 4.642857% 6.25% 2.142857%;
  }

    .greyBox h3 {
      color: #333333;
      font-size: 1.375rem;
      font-weight: bold;
      padding-bottom: 8.678571%;
    }

    .greyBox ul {
    }

      .greyBox ul li {
        list-style-type: disc;
        list-style-position: inside;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-family: Arial, sans-serif;
        font-size: 1.125rem;
        line-height: 1.500rem;
        margin-bottom: 3.571428%;
        padding-left: 9.214285%;
        text-indent: -3.414285%;
        width: 100%;
      }

  .fullSection {
    margin-bottom: 6.25%;
  }

  .processMobile {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /*padding: 4.6875% 6.25% 12.5%;*/
    width: 100%;
  }

    .processMobile h3 {
      color: #303030;
      font-size: 1.375rem;
      line-height: 1.500rem;
      margin-bottom: 2%;
      text-transform: none;
    }

    .processMobile h2 {
      color: #303030;
      font-size: 1.375rem;
      line-height: 1.500rem;
      margin-bottom: 20px;
      text-transform: none;
    }

  .baseGallery {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3% 6.25% 0 0%;
    width: 100%;
  }

  .belgenSpacing {
    margin-bottom: 5%;
  }

  .baseGallery div {
    font-size: 0px;
    margin-bottom: 1.785714%;
  }

    .baseGallery div img {
      display: inline-block;
      vertical-align: middle;
      width: 21.071428%;
    }

    .baseGallery div > span {
      width: 100%;
    }

      .baseGallery div > span > span {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #333333;
        display: inline-block;
        font-size: 1.125rem;
        padding-left: 1.250rem;
        vertical-align: middle;
        width: 70%;
      }

  .baseGalleryGrey {
    background-color: #f3f3f3;
    padding: 4.6875% 6.25% 3.6875%;
  }

  .sectionFrame {
  }

    .sectionFrame .sectionTitle {
      background-color: #691b26;
      background-image: url(/_media/image/1899/ico-plus.png);
      background-position: 93.75% center;
      background-repeat: no-repeat;
      background-size: 3.90625% auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      font-size: 2rem;
      line-height: 2.250rem;
      padding: 6.25%;
      width: 100%;
    }

      .sectionFrame .sectionTitle.selected {
        background-color: #520f19;
        background-image: url(/_media/image/1899/ico-minus.png);
      }

  h2.sectionTitle.usinageTitle {
    margin-bottom: 0px;
    padding-bottom: 3%;
    padding-top: 3%;
  }

  .productGalleryList {
    background-color: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6.25% 6.25%;
    width: 100%;
  }

    .productGalleryList h2 {
      margin-bottom: 4.285714%;
    }

  .productGallery {
    margin-bottom: 7.5%;
  }

    .productGallery .productGalleryItem {
      margin-top: 1.785714%;
    }

      .productGallery .productGalleryItem:first-child {
        margin-top: 0px;
      }

      .productGallery .productGalleryItem img {
        display: inline-block;
        height: 14.285714%;
        padding-right: 2.57857%;
        vertical-align: middle;
        width: 25.07142857%;
      }

      .productGallery .productGalleryItem .productGalleryTitle {
        display: inline-block;
        vertical-align: middle;
      }

  .productViewerFrame {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 6.25% 0%;
    margin-top: 7.5%;
    width: 100%;
  }

    .productViewerFrame h2 {
      margin-bottom: 2.67857%;
      line-height: 2.250rem;
    }

    .productViewerFrame p {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 1.125rem;
      margin-bottom: 4.642857%;
    }

  .productViewer {
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .productViewerItem {
    position: relative;
    width: 100%;
  }

    .productViewerItem img {
      width: 100%;
    }

  .productViewerShadow {
    background-color: #333333;
    clear: both;
    color: #fff;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 0px;
    width: 100%;
  }

  .companyLogo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-bottom: 8.392857%;
    padding-top: 3.92857%;
    padding-left: 3.57142%;
    vertical-align: top;
    width: 25%;
  }

    .companyLogo img {
      display: inline-block;
      vertical-align: middle;
    }

  .productViewerDescription {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 3.571428% 3% 3.571428% 9.285714%;
    vertical-align: top;
    width: 75%;
  }

  .productViewerTitle {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 2.58571%;
  }

  .productViewerText {
    font-size: 0.875rem;
    line-height: 20px;
    display: inline-block;
  }

  .viewerArrowLeft:before, .viewerArrowRight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .viewerArrowLeft, .viewerArrowRight {
    background-color: #000;
    background-color: rgba(00,00,00,0.6);
    cursor: pointer;
    display: inline-block;
    padding: 1.78571% 0px;
    position: absolute;
    text-align: center;
    top: 42%;
    vertical-align: middle;
    width: 10.3448275%;
  }

  .viewerArrowLeft {
    left: 0px;
  }

  .viewerArrowRight {
    right: 0px;
  }

    .viewerArrowLeft img, .viewerArrowRight img {
      display: inline-block;
      vertical-align: middle;
      width: 26.666666%;
    }

    .viewerArrowLeft:hover, .viewerArrowRight:hover {
      background-color: rgba(00,00,00,0.3);
    }

    .viewerArrowLeft:active, .viewerArrowRight:active {
      background-color: rgba(00,00,00,0.9);
    }

  .productViewerNav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 3.571428%;
    padding-bottom: 7.142857%;
    height: 15px;
    text-align: center;
    width: 100%;
  }

    .productViewerNav > div:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
    }

    .productViewerNav > div {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      width: 15px;
    }

      .productViewerNav > div > div {
        background-color: #b8b8b8;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        cursor: pointer;
        display: inline-block;
        font-size: 0px;
        height: 10px;
        padding: 0px;
        margin: 0px;
        width: 10px;
        -webkit-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -moz-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -ms-transition: height 0.2s, width 0.2s, background-color 0.2s;
        -o-transition: height 0.2s, width 0.2s, background-color 0.2s;
        transition: height 0.3s, width 0.2s, background-color 0.2s;
        text-align: center;
        vertical-align: middle;
      }

        .productViewerNav > div > div:hover {
          background-color: #691b26;
          height: 15px;
          width: 15px;
        }

        .productViewerNav > div > div:active {
        }

      .productViewerNav > div.selected > div {
        background-color: #691b26;
      }
  /* EXAMPLE VIEWER MOBILE */ /*.internationalFrame  {    padding: 0 6.25%;  }*/

  .exampleViewer {
    background-color: #f3f3f3;
    margin-bottom: 5.357142%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

  .exampleViewerContent {
    width: 1000px;
  }

    .exampleViewerContent .bx-wrapper .bx-viewport {
      padding-left: 3rem;
    }

  .mainContent .exampleViewerContent span > span { /* margin-left:10px;*/
    max-width: 218px;
  }

  .exemple {
    display: inline-block; /*  height: 183px;*/
    margin-right: 0.8rem;
    position: relative;
    text-decoration: none;
    width: 13.750em;
    max-width: 13rem;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
  }

    .exemple img {
      border: 1px solid #c5c5c5;
      width: 100%;
      max-height: 8rem;
      width: 100% !important;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

  .exempleTitle {
    clear: both;
    color: #691b26;
    display: block;
    font-size: 0.95rem;
    height: 1.4rem;
    overflow: hidden;
    padding-top: 3.8%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .exempleMask {
    background-color: #000;
    background-color: rgba(00,00,00,0.5);
    background-image: url(/_media/image/1899/mask-exemple.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: none;
    height: 128px;
    left: 1px;
    opacity: 0;
    position: absolute;
    top: 1px;
    width: 218px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .exemple:hover .exempleMask {
    opacity: 0.5;
  }

  .exemple:active .exempleMask {
    background-color: rgba(255,255,255,0.2);
    opacity: 1;
  }

  .exampleViewerLeftBtn, .exampleViewerRightBtn {
    position: absolute;
    top: 0px;
  }

  .exampleViewerLeftBtn {
    left: 0px;
    height: 100%;
  }

    .exampleViewerLeftBtn a { /*display: block;      width: 100%;*/
    }

      .exampleViewerLeftBtn a img {
        width: 3rem;
      }

    .exampleViewerLeftBtn.disabled a { /* background-image: url(/_media/image/1899/btn-viewerleftdisable.png);*/
    }

  .exampleViewerRightBtn {
    right: 0px;
    height: 100%;
    text-align: right;
  }

    .exampleViewerRightBtn a {
      text-align: right;
    }

    .exampleViewerRightBtn.disabled a { /* background-image: url(/_media/image/1899/btn-viewerrightdisable.png);*/
    }

    .exampleViewerRightBtn a img {
      width: 3rem;
    }
  /* END EXAMPLE VIEWER MOBILE */

  .internationalFrame .splitTextButton .textbutton {
    display: none;
  }

  .splitTextButton p {
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.750rem;
    padding-bottom: 3.571428%;
  }

  .internationalFrame h3 {
    color: #303030;
    font-size: 1.375rem;
    font-weight: 600;
    padding-bottom: 2.85714%;
  }

  .internationalFrame .exampleViewer {
    margin-bottom: 3.92857%;
  }
  /* END MAIN CONTENT */ /* HOME VIEWER */

  .expertiseHomeViewer {
    background-color: #fff;
    border-top: 1px solid #e4e4e4;
  }

  .expertiseItem {
    border-bottom: 1px solid #e4e4e4;
  }

    .expertiseItem .expertiseContent {
      display: block;
      width: 100%;
    }

      .expertiseItem .expertiseContent .expertiseTitle {
        display: block;
        width: 100%;
      }

  .expertiseHomeViewer img {
    display: none;
  }

  .expertiseText {
    display: none;
  }

  .button.expertiseButton {
    display: none;
  }

  .expertiseTitle {
    white-space: nowrap;
  }

    .expertiseTitle br {
      display: none;
    }

    .expertiseTitle a {
      background-image: url(/_media/image/1899/ico-arrowblue.png);
      background-position: 93.75% center;
      background-repeat: no-repeat;
      background-size: 3.55% auto;
      color: #2e2e2e;
      display: block;
      font-size: 1.625rem;
      height: 100%;
      overflow: hidden;
      padding-bottom: 4.53125%;
      padding-left: 6.25%;
      padding-right: 12%;
      padding-top: 4.21875%;
      text-decoration: none;
      text-overflow: ellipsis;
    }
  /* END HOME VIEWER */ /* INNER BANNER */

  .pageBannerFrame {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
  }

    .pageBannerFrame img {
      text-align: center;
      height: 37.1875%;
      position: relative;
      left: -40%;
      width: 180%;
    }

  .pageBannerShadow {
    background-color: rgba(00,00,00,0.6);
    bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.981em;
    padding-left: 6.25%;
    padding-bottom: 2.9375%;
    padding-top: 2.975%;
    position: absolute;
    width: 100%;
  }

  .breadcrumb {
    display: none;
  }

  .pageBannerTitle {
    text-shadow: 0 0 8px #000000;
    width: 85%;
  }

    .pageBannerTitle h1 {
      font-weight: 500;
      font-size: 2.000rem;
      line-height: 2.250rem;
      text-transform: uppercase;
    }

  .pageBannerSubTitle {
    display: block;
    font-size: 1.125rem;
    line-height: 1.375rem; /*margin: 2.0125% auto 0px;*/
    max-width: 960px;
    text-transform: uppercase;
  }

  .pageBannerTitle.soucyInternational h1 {
    font-size: 1.6rem;
  }

    .pageBannerTitle.soucyInternational h1 .pageBannerSubTitle {
      font-size: 1rem;
    }

  h2 {
    color: #691b26;
    font-size: 1.981em;
    font-weight: normal;
    margin-bottom: 2.5%;
  }

  .contactMap {
    display: none;
  }

  .contactHead {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 6.25%;
    width: 100%;
  }

    .contactHead .contactHeaderAdress p {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 1.132rem;
      line-height: 1.698rem;
      padding-bottom: 2.0642857%;
    }

  .contactMobileButton {
    border-bottom: 1px solid #e0e0e0;
    font-size: 0px;
    padding-top: 3.9285714%;
    padding-bottom: 5.357142%;
  }

    .contactMobileButton .button:first-child {
      margin-right: 1.085714%;
    }

    .contactMobileButton a.button {
      font-size: 1rem;
      padding-right: 10%;
      width: 49%;
    }
  /* END INNER BANNER */ /* CONTACT */

  .contactFrame {
    margin-top: 7.5%;
  }

  .singleContact {
  }

    .singleContact h3, .doubleContact h3 {
      background-color: #691b26;
      background-image: url(/_media/image/1899/ico-plus.png);
      background-position: 93.75% center;
      background-repeat: no-repeat;
      background-size: 3.90625% auto;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #fff;
      cursor: pointer;
      font-size: 1.698rem;
      margin-bottom: 2px;
      padding: 6.25% 10.25% 6.25% 6.25%;
      width: 100%;
    }

      .singleContact h3.selected, .doubleContact h3.selected {
        background-color: #520f19;
        background-image: url(/_media/image/1899/ico-minus.png);
      }

  .contact {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 7.8125%;
    margin-top: 5.3125%;
    padding-left: 6.25%;
    padding-right: 6.25%;
    width: 100%;
  }

    .contact h4 {
      color: #691b26;
      font-family: Arial, sans-serif;
      font-size: 1.415rem;
      font-weight: bold;
      margin-bottom: 2.142857%;
    }

    .contact .contactTitle {
      color: #303030;
      font-family: Arial, sans-serif;
      font-size: 1.132rem;
    }

  .contactPhone {
  }

    .contactPhone table {
      margin-bottom: 1.25%;
      width: 95%;
    }

      .contactPhone table tr td {
        font-family: Arial, sans-serif;
        font-size: 1.132rem;
        padding-bottom: 2.34375%;
      }

        .contactPhone table tr td:first-child {
          color: #303030;
          width: 30%;
          white-space: nowrap;
        }

        .contactPhone table tr td:nth-child(2n) {
          color: #305090;
          text-align: right;
          white-space: nowrap;
        }

        .contactPhone table tr td:nth-child(3n) {
          color: #305090;
        }

  .contactEmail a {
    color: #305090;
    font-family: Arial, sans-serif;
    font-size: 1.132rem;
    text-decoration: none;
  }
  /* END CONTACT */ /* DIVISION */

  .divisionFrame {
  }

  .divisionHeaderName h3 {
    background-color: #691b26;
    background-image: url(/_media/image/1899/ico-plus.png);
    background-position: 93.75% center;
    background-repeat: no-repeat;
    background-size: 3.90625% auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1.698rem;
    margin-bottom: 2px;
    padding: 6.25%;
    width: 100%;
  }

    .divisionHeaderName h3.selected, .divisionHeaderName h3.selected {
      background-color: #520f19;
      background-image: url(/_media/image/1899/ico-minus.png);
    }

  .divisionHeaderSubName {
    display: none;
  }

  .divisionAddress {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2.84375%;
    margin-top: 5.3125%;
    padding-left: 6.25%;
    padding-right: 6.25%;
    width: 100%;
  }

  .contactDivision .smallTitle {
    font-size: 1.698rem !important;
  }

  form .contact {
    display: none;
  }

  form .divisionAddress {
    display: none;
  }

    form .divisionAddress + span .button {
      display: none;
    }

  .divisionAddress p {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 1.132rem;
    line-height: 1.698rem;
    padding-bottom: 2.0642857%;
  }

  .divisionAddress table {
    margin-bottom: 1.25%;
    width: 65;
  }

    .divisionAddress table tr td {
      font-family: Arial, sans-serif;
      font-size: 1.132rem;
      padding-bottom: 2.34375%;
    }

      .divisionAddress table tr td:first-child {
        color: #303030;
        width: 30%;
        white-space: nowrap;
      }

      .divisionAddress table tr td:nth-child(2n) {
        color: #305090;
        text-align: right;
        white-space: nowrap;
      }

      .divisionAddress table tr td:nth-child(3n) {
        color: #305090;
      }

  .divisionAddress p a {
    color: #305090;
    text-decoration: none;
  }

  .division .button {
    margin-left: 6.25%;
    margin-bottom: 3.84375%;
    width: auto;
  }
  /* END DIVISION */ /* BUTTON */

  a.button {
    background-color: #003e7e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1.415rem;
    font-weight: 700;
    padding-bottom: 3.4375%;
    padding-left: 3.75%;
    padding-right: 23.63636363%;
    padding-top: 3.125%;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis; /*width: 50%;*/
  }

  .button:hover {
    background-color: #003872;
  }

  .button div, .button span + span {
    background: url(/_media/image/1899/ico-arrowbutton.png), url(/_media/image/1899/ico-arrowbutton.png);
    background-color: #0d4f93;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 50%;
    display: inline-block;
    cursor: pointer;
    font-size: 0px;
    height: 100%;
    right: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    width: 23.63636363%;
  }

  .button.phone div + span, .button.phone span + span {
    background-image: url(/_media/image/1899/ico-phone.png);
    background-size: 60.03846153% auto;
  }

  .button.map div + span, .button.map span + span {
    background-image: url(/_media/image/1899/ico-mapmobile.png);
    background-size: auto 60%;
  }

  .button:hover div, .button:hover span + span {
    background-color: #0d4785;
    animation: animatedBackground 1s ease-out;
    -webkit-animation: animatedBackground 1s ease-out;
  }

  a.noWidthButton {
    width: auto;
  }
  /* END BUTTON */ /* STUDY VIEWER */

  .studyViewer {
    clear: both;
    float: left;
  }

  .studyItem {
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 15.313em;
    margin-bottom: 3.571428%;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
  }

    .studyItem.expended .studyMore {
      background-image: url(/_media/image/1899/ico-moreexpendedhover.png);
    }

    .studyItem.expended:hover .studyMore {
      background-image: url(/_media/image/1899/ico-moreexpendedhover.png);
    }

    .studyItem img:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .studyItem img {
      position: relative; /*  top:-50%;*/
      width: 100%;
    }

  .studyContent {
    background: rgba(00,00,00,0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0px;
    height: 100%;
    position: absolute;
    top: 85%;
    padding: 0px 10px;
    -moz-transition: top 0.3s ease-in;
    -ms-transition: top 0.3s ease-in;
    -o-transition: top 0.3s ease-in;
    -webkit-transition: top 0.3s ease-in;
    transition: top 0.3s ease-in;
    width: 100%;
  }

  .studyTitle {
    color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 1.375rem;
    font-weight: normal;
    height: 2.500em;
    line-height: 1.250rem;
    overflow: hidden;
    padding-bottom: 2px;
    padding-top: 1.78571%;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
  }

  .studyText {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    height: 135px;
    line-height: 1.750rem;
    overflow: hidden;
  }

  a.studyButton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.125rem; /*padding-right: 0px!important;*/
  }

  .studyItem .studyMore {
    background-image: url(/_media/image/1899/ico-morehover.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 41px 41px;
    height: 41px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 41px;
    z-index: 1000;
    transition: background-size 0.2s ease-in;
    -moz-transition: background-size 0.2s ease-in;
    -ms-transition: background-size 0.2s ease-in;
    -o-transition: background-size 0.2s ease-in;
    -webkit-transition: background-size 0.2s ease-in;
  }

  .studyItem:hover .studyMore {
    background-size: 41px 41px;
  }

  .studyItem:hover .studyContent {
    top: 80%;
  }

  .studyItem:active .studyContent {
    top: 0px;
  }

  .studyViewer .studyItem:nth-child(3n) {
    margin-right: 0px;
  }

  .expended .studyContent {
    top: 0px !important;
  }

  .studyItem .studyContent a.studyButton {
    bottom: 10px;
    position: absolute;
  }
  /* END STUDY VIEWER*/ /* PELLE */

  .pelleSection {
    padding-top: 0px;
  }

    .pelleSection .contextBox {
      background-color: #fff;
      background-image: url(/_media/image/1899/bg-maincontentmobile.jpg);
      background-position: left top;
      background-repeat: repeat-x;
      border-top: 1px solid #d6d6d6;
      padding-top: 5.46875%;
    }

  .redInfoTitle {
    color: #691b26;
    font-size: 1.750rem;
    margin-bottom: 12px;
  }

  .blackSubTitle {
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 12px;
  }

  .greyInfoText {
    font-family: Arial, sans-serif;
    font-size: 1.125em;
  }

  .blackSubTitle + .greyInfoText {
    margin-bottom: 6.25%;
  }

  .contextBox {
    padding: 0px 6.25%;
  }

  .greyInfoMobile {
    background-color: #f3f3f3;
    padding: 4.642857% 6.25% 5.142857%;
  }

  .pelleSection p {
    padding-bottom: 8.9285714%;
  }

  .contextBox .greyInfo {
    display: none;
  }

  .pelleSection p.resultText {
    padding-bottom: 1%;
  }
  /* END PELLE */ /* SIMPLE GALLERY */

  .simpleGallery {
    clear: both;
    float: left;
    margin-bottom: 12.142857%;
    margin-top: 2.67857%;
    width: 100%;
  }

    .simpleGallery div {
      float: left;
      margin-right: 1.785714%;
      position: relative;
      width: 32.142857%;
    }

      .simpleGallery div:nth-child(3n) {
        margin-right: 0px;
      }

      .simpleGallery div span {
        -webkit-box-shadow: inset 0 0 3px 3px rgba(000,000,000,0.2);
        box-shadow: inset 0 0 3px 3px rgba(000,000,000,0.2);
        display: block;
        float: left;
        height: 100%;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 100%;
        z-index: 1000;
      }

      .simpleGallery div img {
        height: 100%;
        position: relative;
        z-index: 1;
        width: 100%;
      }
  /* END SIMPLE GALLERY*/ /* OTHER VIEWER */

  .otherActivity {
    font-size: 0px;
    margin-bottom: 12.5%;
    margin-top: 20px;
    width: 100%;
  }

  .activity {
    display: inline-block;
    margin-bottom: 2%;
    overflow: hidden;
    position: relative;
    width: 49%;
  }

    .activity img {
      width: 100%;
    }

  .otherActivity .activity:nth-child(odd) {
    margin-right: 2%;
  }

  .activityTitle:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .activityTitle {
    background-color: rgba(00,00,00,0.6);
    bottom: 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 0.925rem;
    height: 2.625rem;
    left: 0px;
    line-height: 1.313rem;
    overflow: hidden;
    padding-left: 10px;
    position: absolute;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
    white-space: nowrap;
  }
  /* END OTHER VIEWER */ /* NEWS */

  .newsList {
    clear: both;
    float: left;
  }

    .newsList .news {
      border-bottom: 1px solid #d8d8d8;
      float: left;
      margin-top: 42px;
      padding-bottom: 24px;
    }

      .newsList .news:first-child {
        margin-top: 0px;
      }

      .newsList .news h2 {
        margin-bottom: 6px;
      }

  .newsDate {
    color: #7b7b7b;
    font-family: Arial, sans-serif;
    font-size: 1.213rem;
    margin-bottom: 15px;
  }

  .newsDescription {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.750rem;
  }

  .newsList .button {
    margin-top: 2.87857%;
    float: right;
    width: auto;
  }
  /* END NEWS */ /* SPLIT */

  .splitLargeLeft, .splitLargeRight {
    border-bottom: 1px solid #e1e1e1;
    font-size: 0px;
    padding: 25px 0px 25px;
    width: 100%;
  }

    .splitLargeLeft .splitLeft {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      padding-right: 5%;
      vertical-align: middle;
      width: 60%;
    }

    .splitLargeLeft .splitRight img {
      max-width: 100%;
    }

    .splitLargeLeft .splitLeft h3 {
      margin-bottom: 15px;
    }

    .splitLargeLeft .splitLeft p {
      font-size: 0.875rem;
      margin: 0px;
      padding: 0px;
    }

    .splitLargeRight .splitLeft {
      display: inline-block;
      text-align: left;
      vertical-align: middle;
      width: 40%;
    }

    .splitLargeRight .splitRight {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      padding-left: 5%;
      vertical-align: middle;
      width: 60%;
    }

    .splitLargeRight .splitLeft img {
      max-width: 100%;
    }

    .splitLargeRight .splitRight h3 {
      margin-bottom: 15px;
    }

    .splitLargeRight .splitRight p {
      font-size: 0.875rem;
      margin: 0px;
      padding: 0px;
    }

    .splitLargeLeft .splitRight {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      width: 40%;
    }

  .mainContentRight h2 + .splitLargeLeft {
    padding-top: 15px;
  }
  /* END SPLIT */ /* LOGO VIEWER */

  .logoViewer {
    border-bottom: 1px solid #e1e1e1;
    font-size: 0px;
    margin-bottom: 3.57142%;
    padding-bottom: 3.57142%;
  }

  .logoItem {
    display: inline-block;
    font-size: 0px;
    margin: 5% 5.142857% 3.9285714% 0;
    width: 29.71428%;
  }

    .logoItem:nth-child(3n) {
      margin-right: 0px;
    }

    .logoItem img {
      height: auto;
      margin-bottom: 15.571428%;
      width: 100%;
    }

    .logoItem h3 {
      font-size: 1.1rem;
      overflow: hidden;
      margin-bottom: 5.785714%;
    }

  .logoFormat {
    text-align: center;
  }

    .logoFormat a {
      color: #0d4f93;
      font-family: Arial,sans-serif;
      font-size: 0.875rem;
      font-weight: normal;
      padding: 0px 5px;
      text-decoration: none;
    }

      .logoFormat a:first-child {
        border-right: 1px solid #7c7c7c;
      }

      .logoFormat a:hover {
        color: #003872;
      }

      .logoFormat a:active {
        color: #4a4a4a;
      }
  /* END LOGO VIEWER */ /* DOCUMENT VIEWER */

  .documentList {
    clear: both;
    float: left;
  }

  .document {
    border-bottom: 1px dashed #e1e1e1;
    float: left;
    font-size: 0px;
    padding: 2.77857% 0px;
    width: 100%;
  }

  .documentList.fullLengthRow .document {
    width: 100%;
  }

  .document:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .document img {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    width: 15%;
  }

  .documentInfo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 2.67857%;
    vertical-align: middle;
    width: 85%;
  }

  .documentTitle a {
    display: inline-block;
    vertical-align: middle;
    color: #0d4f93;
    font-family: Arial, sans-serif;
    font-size: 1.025rem;
    font-weight: bold;
    margin-bottom: 2.25%;
    text-decoration: none;
  }

  .documentFormat {
    color: #7b7b7b;
    font-family: Arial, sans-serif;
    font-size: 0.813rem;
  }

  .documentTitle a:hover {
    color: #003872;
  }

  .documentTitle a:active {
    color: #4a4a4a;
  }
  /* END DOCUMENT VIEWER */ /* DEVELOPPEMENT STEP */

  .developpementFrame {
    margin-top: 4.4642857%;
  }

  .developpementStep {
    font-size: 0px;
    margin-bottom: 4.4642857%;
  }

  .developpementImage {
    display: inline-block;
    padding-right: 2%;
    text-align: center;
    vertical-align: top;
    width: 17%;
  }

    .developpementImage img {
      width: 100%;
    }

  .developpementDescription {
    display: inline-block;
    width: 80%;
  }

    .developpementDescription h2 {
      font-size: 1.375rem;
      margin-bottom: 10px;
    }

  .developpementSubStep {
    display: inline-block;
    font-size: 0px;
    width: 100%;
    vertical-align: top;
  }

  .subStep {
    background-color: #f3f3f3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 3% 2%;
    position: relative;
    vertical-align: top;
    width: 100%;
  }

    .subStep .subStepImage:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
    }

    .subStep .subStepImage {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      width: 20%;
    }

      .subStep .subStepImage img {
        display: inline-block;
        vertical-align: middle;
        width: 76%;
      }

    .subStep .subStepText {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #303030;
      display: inline-block;
      font-family: Arial, sans-serif;
      font-size: 0.95rem;
      line-height: 20px;
      padding: 0px 5px;
      vertical-align: middle;
      width: 80%;
    }

  .developpement .button {
    margin-left: 17.5%;
  }
  /* END DEVELOPPEMENT STEP*/ /* FILIALE LIST */

  .filialeList {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    width: 100%;
  }

  .filiale {
    border-top: 1px solid #e7e7e7;
    font-size: 0px;
  }

  .filialeList .filiale:first-child {
    border: 0px;
  }

  .filialeLeft {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 3.571428%;
    padding-top: 2.67857%;
    vertical-align: top;
    width: 100%;
  }

  .filialeRight {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 3.571428%;
    padding-top: 2.85714%;
    vertical-align: top;
    width: 100%;
  }

    .filialeRight .button {
      margin-bottom: 20px;
    }

  .filialeCertification {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
    padding-bottom: 3%;
  }

    .filialeCertification p {
      font-size: 0.875rem;
      line-height: 1.75rem;
      padding-bottom: 0px;
    }

  .filialeLeft p {
    line-height: 20px;
  }

  .filialeLeft h3 {
    margin-bottom: 1.785714%;
  }

  .filialeLeft ul {
    margin-bottom: 3.571428%;
  }

    .filialeLeft ul li {
      background-position: 20px center;
      line-height: 20px;
      padding-left: 30px;
    }

  .filiale div span ul li div {
    display: inline-block;
  }

  .disabledbtn {
    background-color: #c3c3c3;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff !important;
    cursor: default;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1.315rem;
    font-weight: 700;
    line-height: 2.500rem;
    margin-bottom: 3.571428%;
    position: relative;
    text-decoration: none;
    padding: 1.125% 3.75% 1.4375%;
    text-align: left;
    width: 60%;
  }
  /* END FILIALE LIST */ /* BACK BUTTON */

  .back {
    margin-bottom: 6.25%;
  }

    .back a {
      background-image: url(/_media/image/1899/ico-arrowblueright.png);
      background-position: left center;
      background-repeat: no-repeat;
      font-family: Arial, sans-serif;
      font-size: 1em;
      font-weight: bold;
      padding-left: 13px;
    }
  /* END BACK BUTTON */ /* JOB SELECTION FRAME */

  .jobSelectFrame {
    margin-top: 15px;
    width: 100%;
  }

  .jobTitleFrame {
    margin-bottom: 2.85714%;
  }

  .jobSelectTitle, .jobDescriptionTitle {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 0.875rem;
  }

  .jobSelectTitle {
    color: #691b26;
    font-weight: bold;
  }

  .jobDescriptionTitle {
    color: #303030;
    float: right;
    font-weight: normal;
  }

  .job:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .job {
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    font-size: 0px; /*height: 28px;*/
    padding: 2% 0px;
    vertical-align: middle;
    width: 100%;
  }

  .jobLabel {
    color: #303030;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    width: 90%;
  }

    .jobLabel input[type="checkbox"] {
      margin-right: 1.25%;
    }

    .jobLabel span {
    }

  .jobDescription {
    display: inline-block;
    position: relative;
    text-align: right;
    vertical-align: middle;
    width: 10%;
  }

    .jobDescription img {
      cursor: pointer;
    }

  .jobOther {
    border-bottom: 0px;
    height: 9.285714%;
    margin-bottom: 4.4642857%;
    width: 100%;
  }

    .jobOther .jobLabel {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      margin-top: 1.785714%;
      width: 100%;
      white-space: nowrap;
    }

    .jobOther input[type="text"] {
      border: 1px solid #cccccc;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #a4a4a4;
      display: inline-block;
      line-height: 2em;
      padding: 0px 1.5714285%;
      width: 36.428571%;
    }

  .jobLink {
    margin-bottom: 8%;
    margin-top: 4%;
  }

    .jobLink a {
      background-image: url(/_media/image/1899/ico-bullet.png);
      background-position: 5% 0.7rem;
      background-repeat: no-repeat;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: arial, sans-serif;
      font-size: 1.125rem;
      line-height: 1.5rem;
      margin-bottom: 2%;
      padding-left: 9.21428%;
      width: 100%;
      display: block;
    }

  .toolTipDescription {
    background-color: #f0f0f0;
    border: 1px solid #cecece;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 500px;
    min-width: 200px;
    padding: 15px 15px;
    position: absolute;
    right: 30px;
    top: -12px;
    text-align: left;
    z-index: 1000;
  }

  .toolTipTitle {
    background-image: url(/_media/image/1899/img-arrowtooltipright.png);
    background-position: right center;
    background-repeat: no-repeat;
    color: #303030;
    font-family: Arial, sans-serif;
    padding-right: 23px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative;
    left: 0px;
    width: 100%;
  }

  .toolTipText {
    color: #303030;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    min-width: 30%;
  }

  .fileUploader {
    width: 100%;
  }

  .fileUploaderRow {
    margin-bottom: 4%;
  }

  .fileUploaderLabel {
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    width: 30%;
  }

  .fileUploaderInput {
    display: inline-block;
    width: 60%;
  }

    .fileUploaderInput input[type="text"] {
      border: 1px solid #cccccc;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #a4a4a4;
      display: inline-block;
      height: 2.063rem;
      padding: 0px 1.5714285%;
      width: 100%;
    }

  .fileUploaderCv {
  }

  .fileUploaderUploaded {
  }

  .fileUploaderInput input[type="file"] {
    border: 0px;
  }

  .fileUploader a.button {
    float: left;
    margin-top: 5.785714%;
    padding-right: 80px;
    width: 85%;
  }

    .fileUploader a.button span {
      width: 15%;
    }

  .replacementDiv {
  }

  .remplacementButton {
    background-color: #d5d5d5;
    color: #003e7e;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.438rem;
    padding: 0px 0.750em;
  }
  /* END JOB SELECTION FRAME */ /* AWARD */

  .awardFrame { /*border-top: 1px solid #e1e1e1;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    float: left;
    font-size: 0px;
    width: 100%;
  }

  .award {
    font-size: 0.750rem;
    margin-bottom: 5.35714%;
  }

  .awardTitle {
    color: #691b26;
    font-size: 1.250em;
    line-height: 1.750em;
    margin-bottom: 4px;
  }

  .awardText {
    color: #691b26;
    font-size: 0.875rem;
    line-height: 1.188rem;
  }
  /* END AWARD */

  .exempleViewerFrame {
    margin-top: 5%;
  }

  #c5_ctl00_c7_c8_N150cd4683ef044c19786e3e602278143 {
    display: none;
  }
  /* FOOTER */

  .footerFrame {
    background-image: url(/_media/image/1899/bg-footermobile.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
  }

  .footer {
  }

  .footerTop {
  }

  .footerLogo {
    display: none;
  }

  .footerContent {
    display: none;
  }

  .footerLink {
    height: 38.28125%;
    width: 100%;
  }

    .footerLink .footerTitle {
      color: #343434;
      font-size: 2.250em;
      padding-bottom: 5.15625%;
      padding-top: 8.59375%;
      text-align: center;
    }

  .footerLinks {
    font-size: 0px;
    padding-bottom: 8.11875%;
    text-align: center;
    width: 100%;
  }

    .footerLinks a {
      display: inline-block;
      padding-top: 10.9375%;
      width: 10.9375%;
    }

    .footerLinks a {
      margin-right: 2.03125%;
    }

  .linkedin {
    background-image: url(/_media/image/1899/linkedin-ico.jpg);
    background-position: left top;
    background-size: 100% auto;
  }

  .googleplus {
    background-image: url(/_media/image/1899/google-ico.jpg);
    background-position: left top;
    background-size: 100% 100%;
  }

  .youtube {
    background-image: url(/_media/image/1899/youtube-ico.jpg);
    background-position: left top;
    background-size: 100% 100%;
  }

  .facebook {
    background-image: url(/_media/image/1899/facebook-ico.jpg);
    background-position: left top;
    background-size: 100% 100%;
  }

  .twitter {
    background-image: url(/_media/image/1899/twitter-ico.jpg);
    background-position: left top;
    background-size: 100% 100%;
  }

  .footerBottom {
    background-color: #c5c5c5;
    color: #343434;
    font-family: Arial, sans-serif;
    font-size: 1.125em;
    text-align: center;
    padding-bottom: 3.90625%;
    padding-top: 3.90625%;
  }

    .footerBottom a {
      color: #5b212a;
      text-decoration: none;
    }

  .footerRealisation {
    display: none;
  }

    .footerRealisation + a {
      display: none;
    }

  .menuCss3 {
  }

    .menuCss3 ul {
    }

      .menuCss3 ul li {
        border-left: 1px solid #343434;
        display: inline-block;
        font-size: 1.025rem;
        padding: initial;
        padding-left: 0.9375%;
        padding-right: 0.9375%;
        text-indent: initial;
        width: auto;
      }

        .menuCss3 ul li:first-child {
          border-left: none;
          display: inline-block;
          padding-left: 0px;
        }

        .menuCss3 ul li a {
        }

        .menuCss3 ul li a {
        }

  .copyright {
    padding-bottom: 3.125%;
  }

  #c5_ctl00_c7_c8_Nf83d573f47cc44869778bcbee567017a {
    display: none;
  }

  .ReplacementButton {
    overflow: visible;
  }

  .fileUploader .fileUploaderInput .ReplacementDiv .ReplacementButton {
    background: transparent;
    border: 0px;
    cursor: pointer;
    margin: 0px;
    height: 23px;
    overflow: visible;
    padding: 0px;
    position: relative;
  }
  /* END FOOTER */

.btnCarriere{
  display:none!important;
}

  @media only screen and (max-width: 600px) {
    .studyItem .studyContent a.studyButton {
      font-size: 1rem;
    }
  }

  @media only screen and (max-width: 550px) {
    .timelineTitle h1 {
      font-size: 1.2rem;
    }

    .bannerTitle {
      font-size: 120%;
    }

    .bxslider li > img {
      height: 250px;
      min-width: initial;
      width: 100%;
    }

    .bxslider li .slideContainer .slideText .slideTitle {
      font-size: 1.200rem;
    }

    a.button, a.button.mobileButton {
      font-size: 0.95rem;
    }
  }

  @media only screen and (max-width: 500px) {
    html {
      font-size: 90%;
    }

    .slideText {
      font-size: 90%;
    }

    .bannerItem span {
      font-size: 2rem;
    }

    .mainContentRight.recreatif .largeLink a {
      background-size: 6px auto;
    }
  }

  @media only screen and (max-width: 450px) {
    html {
      font-size: 80%;
    }

    .bannerTitle {
      font-size: 145%;
    }

    .bannerItem span {
      font-size: 2rem;
    }

    .bxslider li > img {
      height: 200px;
    }
  }

  @media only screen and (max-width: 400px) {
    html {
      font-size: 70%;
    }

    .slideText {
      font-size: 80%;
    }

    .bannerItem img {
      top: -3%;
      width: 30%;
    }

    .bxslider li > img {
      height: 150px;
    }

    .toolTipDescription {
      min-width: 170px;
    }

    .remplacementButton {
      padding: 0.9em 0.75em;
    }
  }

  @media only screen and (max-width: 370px) {
    .bannerTitle {
      font-size: 140%;
    }

    *
  }

  @media only screen and (max-width:350px) {
    html {
      font-size: 60%;
    }
    /* .bannerTitle    {      font-size: 90%;    }*/
  }

  @media only screen and (max-width:320px) {
    html {
      font-size: 50%;
    }

    .bannerTitle {
      font-size: 155%;
    }
  }
}


/* StyleSheet File : ~/en-CA/_css/template_1.css */
div  {    } .N0fd5a5bf5f594dc9826e133fb68f6b9eCss  {  width: 100%;   } .masterFrame  {    } .N4cf0d5b5d1b84871a9d5be3ba71fc26fCss  {  width: 100%;   } .N337d89026882463db4582fd8f12906fcCss  {  width: 100%;   } .N4c312771237d467c9d1431436cbf4e9cCss  {  width: 100%;   } 
.bannerTitleFrame{
display:block;
}

/* StyleSheet File : ~/en-CA/_css/1.css */
div        {                }